2018-11-16

xiximay的JS笔记>_<（第一次）

1.document.getElementByld().innerHTML=

 document.getElementById("demo").innerHTML=   
//*用等号后面的内容替换'demo'命名的内容
 <p id="demo">hello</p>
 <script>
    document.genElementById("demo").innerHTML="world";
 </script>//*输出的是world不是hello
//*document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 
  innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码  

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法

请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容

2.document.write(Date())

  <script>
   document.write(Date());
  </script>
  /**显示：Fri Nov 16 2018 16:30:11 GMT+0800 (中国标准时间)

3.如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签

通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时
如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数

4.外部文件

 <button type="button" onclick="myFunction()">点击这里</button>
 <p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
 <script src="myScript.js"></script>

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码
外部 JavaScript 文件的文件扩展名是 .js
如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件

5.JS输出

JavaScript 没有任何打印或者输出的函数。
JavaScript 显示数据
JavaScript 可以通过不同的方式来输出数据：
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

6.window.alert()

<script>
window.alert(5 + 6);
</script>
//*会弹出“11”的小窗口，括号里是要弹出的内容

图片如下

alert.png

7. console.log()

 <script>
 a = 5;
 b = 6;
 c = a + b;
 console.log(c);
 </script>
 //*在浏览器中显示 JavaScript 值 "11"

浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单
如图

11.png