第二章：HTML中的JavaScript

• 使用<script>元素
• 行内脚本与外部脚本的比较
• 文档模式对JavaScript有什么影响
• 确保JavaScript不可用时的用户体验

<script> 元素

将 JavaScript 插入 HTML 的主要方法就是使用 <script>元素。该元素下有8个属性：

1. async: 可选。表示立即开始下载脚本，但是不能阻止其他页面动作。只对外部脚本文件有效。
2. charset: 可选。这个属性很少使用，因为大多数浏览器不在书它的值。
3. crossorigin: 可选。配置相关请求的 CORS(跨源资源共享)设置
4. defer: 可选。 表示脚本可以延迟到文档完全被解析和显示之后再执行。
5. integrity: 可选。 这个属性可以用于确保内容分发网络（CDN）不会提供恶意内容
6. language: 废弃。最初用于表示代码块中的脚本语言，大多数浏览器都会忽略这个属性，不应该使用它。
7. src: 可选。 表示包含要执行的代码的外部文件。
8. type: 可选。 代替 language， 表示代码块中脚本语言的内容类型，按照管理这个值始终都是"text/javascript", 如果这个值是"module"则代码会当成ES6模块，而且只有这时候代码中才能出现 import 和 export 关键字。

使用 <script>的方式有两种：

• 通过它直接在网页中嵌入JavaScript代码；
• 通过它在网页中引入外部JavaScript文件。