用法

  • 必须在<script>标签内
  • 可以在<body>和<head>部分中
  • 不限数量
  1. <script>
  2. ...
  3.  
  4. </script>
  5. 即可，不需要 type="text/javascript"

外部的javaScript

  1. <body>
  2. <script src="myScript.js"></script>
  3. </body>

*******外部的脚本中  不能包含<script></script>

小总结：

1.   onclick= “函数名（）”

2.  HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。

  1. <script>
  2. function myfunction(){
  3.     document.write("使用函数来执行doucment.write，即在文档加载后再执行这个操作，会实现文档覆盖");
  4. }
  5. document.write("<h1>这是一个标题</h1>");
  6. document.write("<p>这是一个段落。</p>");
  7. </script>
  8. <p >
  9. 您只能在 HTML 输出流中使用 <strong>document.write</strong>。
  10. 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
  11. </p>
  12. <button type="button" onclick="myfunction()">点击这里</button>

输出

  • window.alert() ————警告框。
  • document.write() ————将内容写到 HTML 文档中。
  • innerHTML ————写入到 HTML 元素。
  • console.log() ————写入到浏览器的控制台。

 警告框

  1. <script>
  2. window.alert("fuck"+" dame it"+"\n"+2+2);
  3.     window.alert(2+2);
  4. </script>

1. 先、后 输出

2.    +   ：

  • 　　只有字符串——拼接效果
  • 　　只有数字——输出数字相加的和
  •        还有字符串——将数字看作字符串
  • 　　"\n"————换行效果

将内容写到HTML文档中——寻找并修改元素

  1. <p id="demo">我的第一个段落</p>
  2. <script>
  3. document.getElementById("demo").innerHTML = "段落已修改。";
  4. </script>

  1. <h1>我的第一个 Web 页面</h1>
  2. <p>我的第一个段落。</p>
  3. <button onclick="myFunction()">点我</button>
  4. <script>
  5. function myFunction()
  6. {
  7.     document.write(Date());
  8. }
  9. </script>

【目前的理解是： document.write()  会将页面覆盖，需要使用innerHTML  写入具体的元素】

但 以下魔改是 错误的：【形式必须按上方写】

  1. document.getElementById("xx").write("Date()");

写到控制台

JavaScript —— 用法 输出的更多相关文章

  1. 一些奇怪的Javascript用法

    阅读AngularJS时,看到一些奇怪的Javascript用法.1.(function(){        a.work=function(){}   })(a)   声明一个匿名函数并执行 2. ...

  2. JavaScript 用法

    JavaScript 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 & ...

  3. JavaScript用法

    JavaScript 用法 JavaScript 语句,会在页面加载时执行. <body> 中的 JavaScript <!DOCTYPE html> <html> ...

  4. Javascript 自定义输出

    缘由 前段时间再看了一些javascript的学习资料,也写的一些demo,在输出的时候一般都用alert,但这个方法会打断函数运行,用起来不是很好.还有就是console.log这个方法,这种方法原 ...

  5. 初识 Javascript.01 -- Javascript基础|输出方式、变量、变量命名规范、数据类型、

    Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司   研发出世界上第一款浏览器. 95年 sun公司   java语言诞生 网景公司和su ...

  6. JavaScript显示输出

    记得c语言里的printf和java里的println吗,那么在JavaScript中怎么实现同样的功能呢 window.onload = function() { var para = docume ...

  7. javascript 控制台输出 图片 console.log 真强大 真佩服你们的创造力

    无意中,在百度知道页面发现了这货.居然能输出图片到控制台. 完全颠覆自己的三观,果断查阅其输出方法.后得知,原来如此. 曾经做过的项目中,同事把控制台做成一个网页形式方便远程控制和远程调用.没想到过这 ...

  8. JS（1） JavaScript 用法

    HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分 ...

  9. ashx输出文字，执行JavaScript，输出图片等

    原文发布时间为:2009-09-30 -- 来源于本人的百度文章 [由搬家工具导入] 一提到Ashx文件，我们就会想到http handler以及图片加载（在之前我们一般使用ASPX或者Webserv ...

随机推荐

  1. SecureCRT文件和文件夹显示不同颜色(像linux中那样效果）

    如何设置secureCRT使用的他可以像linux文件和文件夹显示不同的颜色呢 原先显示效果如下: 效果图 配置

  2. Codeforces 898 贪心关闭最少闹钟 优先队列最少操作构造N/2squares 讨论情况哈希数字串分割a+b=c

    A /* Huyyt */ #include <bits/stdc++.h> #define mem(a,b) memset(a,b,sizeof(a)) #define mkp(a,b) ...

  3. ARM仿真器之驱动黄色惊叹号

    JLink CDC UART PORT 黄色惊叹号 Windows 无法验证此设备所需的驱动程序的数字签名.某软件或硬件最近有所更改,可能安装了签名错误或损毁的文件,或者安装的文件可能是来路不明的恶意 ...

  4. AI应该享有与动物一样的权利吗？

    全世界的大学都在进行人工智能(AI)的重大研究,艾伦研究所(Allen Institute)等组织以及Google和Facebook等高科技公司.可能的结果是,我们很快将拥有与小鼠或狗一样高的认知能力 ...

  5. python主流框架简介和Django框架的使用

    目录 一.手撸简易web框架 二.动静态网页 1. 静态网页 2. 动态网页 三.jinja2模板语法 1. jinja2的作用 四.python主流web框架 1. django 3. tornad ...

  6. pyqt5-复合控件中的子控件

    天子骄龙

  7. 任意修改网页内容JS代码

    浏览器输入框执行,chrome需要粘贴后,需要在前面手打javascript: 因为粘贴的会自动过滤 javascript:document.body.contentEditable='true'; ...

  8. ETL工具之——kettle使用简介

    ETL工具之——kettle使用简介 https://yq.aliyun.com/articles/157977?spm=5176.10695662.1996646101.searchclickres ...

  9. yield return的使用。。。

    因为要取两个集合不同的元素,所以写了个拓展方法,用到了yield这个关键字,然后就学习了一波.先上代码 public static IEnumerable<T> NoRetainAll&l ...

  10. C# 异步编程，async与await的简单学习

    前提声明:C# 5.0 .NET Framework 4.5 2012-08-15 异步和等待(async和await).调用方信息(Caller Information)  (C#版本与.NET版本 ...