在 HTML 中使用 JavaScript
我们向 HTML 页面中插入 JavaScript 的主要方法，就是使用 <script> 元素。
<script> 标签的属性
在 HTML5 中，<script> 标签有如下属性：
| 属性 | 值 | 描述 |
|---|---|---|
| type | MIME-type | （可选）规定脚本的 MIME 类型 |
| src | URL | 指定外部脚本的URL |
| async | async | 异步执行脚本（仅对外部脚本有效） |
| defer | defer | 文档完全被解析和显示之后，再执行脚本（仅对外部脚本有效） |
| charset | charset | 规定在脚本中使用的字符编码（仅对外部脚本有效） |
<script> 标签的用法
有以下两种使用方式：
- 直接在页面中嵌入 JavaScript 代码
- 包含外部 JavaScript 文件【推荐做法】
直接嵌入 JavaScript 代码
在使用 <script>元素嵌入 JavaScript 代码时，只需为 <script> 指定 type属性，然后将 JavaScript 代码放入元素内部即可。
注意：
- 包含在 <script> 元素内部的 JavaScript 代码将被 从上至下 依次解释。
- 在解释器对 <script> 元素内部的所有代码求值完毕以前，页面中的其余内容都不会被浏览器加载或显示。
包含外部 JavaScript 文件
如果要通过 <script> 元素来包含外部 JavaScript 文件，则需指定 src 属性，该属性值是一个指向外部 JavaScript 文件的链接。
注意：
- 在解析（包括下载）外部 JavaScript 文件时，页面的处理会暂时停止。
- src 属性可指向当前 HTML 页面所在域之外的某个域中的完整 URL。
<script> 标签的位置
传统的做法是将所有 <script> 元素都放在页面的 <head> 元素中，目的是把所有对外部文件（包括 CSS 文件和 JavaScript 文件）的引用都放在相同的地方。
由于浏览器通常在遇到 <body> 标签时才开始呈现页面内容，为了减少浏览器呈现页面的延迟，现代 Web应用程序 一般会把全部 JavaScript 引用放在 <body> 元素中页面内容的后面。
文档模式
文档模式通过使用文档类型（doctype）切换实现，共有三种：
- 混杂模式 quirks mode （默认）
- 标准模式 standards mode
- 准标准模式 almost standards mode
使用 HTML5 指定 标准模式 方法如下：
扫描二维码关注公众号，回复：
5077401 查看本文章
<!-- HTML5 -->
<DOCTYPE html>
<noscript> 元素
使用 <noscript> 元素可以在以下情况下，指定浏览器中显示的替代内容，实现平稳退化：
- 浏览器不支持脚本
- 浏览器支持脚本，但脚本被禁用
更多内容，欢迎访问 FU的博客