JavaScript基础（1）——初步认识JavaScript

1.定义：

JavaScript是专为网页交互而设计的解释型脚本语言。

执行机制：--》解析顺序：从上到下，边解析边执行

2.组成部分：

        ①ECMAScript（国际化标准）—— 提供核心语言功能

        ②文档对象模型（DOM）—— 提供访问和操作网页内容的方法和接口

        ③浏览器对象模型（BOM）—— 提供与浏览器交互的方法和接口

3.放哪？：

可以放在HTML标记里（可以在浏览器中直接解释执行、预编译 执行）。

也可在HTML里通过<script src="引入路径"></script>，从外部引入js文件，js文件里就不能写<script></script>标记，直接写脚本即可。

（注：JavaScript放在HTML的头部还是尾部取决于一个加载顺序，一个网页毕竟是有大小的，在网页传输过程当中，浏览器会先加载html，当加载头部以后会同步加载头部中引用的文件，等html全部加载以后再去下载html中的其他文件包括图片这些。
        一般的网站的话，也不会随意的把JS文件放到HTML的尾部，至于必要的时候才这么做，好的前端，一般css，JS，html都是分的很清楚的，javascript的执行顺序也会由javascript代码来进行控制，不牵制于网页HTML的加载速度的。）

4.简单输出功能的方法：

①浏览器对象：window弹出警告框：window.alert（"hello javascript!"）；

②文档对象（把内容写到HTML文档中）：document.write（"hello javascript!"）;

 （注：请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。）

③把内容打印在浏览器控制台：console.log("hello javascript")；

 （注：浏览器中(Chrome, IE, Firefox) 使用 F12 来启用调试模式， 在调试窗口中点击 "Console/控制台" 菜单。）

④使用innerHTML写入到HTML元素：document.getElementById("demo").innerHTML = "hello javascript！";

（注：document.getElementById("id的值")是使用 id 属性来查找 HTML 元素；innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容）

5.基本语法格式：

❤所有在HTML里的JavaScript代码都要写在：

 <script type="text/javascript" charset="utf-8">
     ...
</script>

❤注释：

①HTML的注释：<!-- -->   ②Java的单行注释：//   ③Java的多行注释：/* */

❤外部引入文件：

<script type="text/javascript" charset="utf-8" src='引入路径'  [defer='defer']></script>

     注： src为引入路径，（引入之后，不能在这个script标签里写代码了）。需要等页面执行完全加载完毕之后，再执行引入文件，相当于window.onload（）。defer属性是延迟执行的意思，可以不指定。

 ❤字符串的单双引号不分

var person="Hege"; 等价于var person='Hege';

 ❤空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。

  var person="Hege";  等价于  var person =  "Hege";

 ❤对代码进行折行

    可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：

document.write("你好 \
世界!");

    不过，您不能像这样折行：

document.write \
("你好世界!");