在 HTML 中使用 JavaScript

JS 在 HTML 中 的 运 用

1. 使用合适元素：script
   包含的属性：
   type 属性可用来指定脚本的类型 ；
   浏览器通过 src 属性来载入那个单独的文件,在包含外部 JavaScript 文件时，必须将 src 属性设置为指向相应文件的 URL。而这个文件既可
   以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。；
   charset 属性与 src 属性一起使用，告诉浏览器用来编码这个 javascript 程序的字符集。它的值是任何一个 ISO 标准字符集编码的名称；
   defer表示脚本可以延迟到文档完全被解析和显示之后再执行,所有script元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用 defer 和async 属性的情况下，只有在解析完前面script元素中的代码之后，才会开始解析后面script元素中的代码；

2. 使用script元素的方式有两种：
   直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript
   文件。在使用script元素嵌入 JavaScript 代码时，只须为script指定 type 属性。然后，像这样把 JavaScript 代码直接放在元素内部即可：<
   script type=“text/javascript”>
   function sayHi(){
   alert(“Hi!”);
   } <
   /script>
   包含在script元素内部的 JavaScript 代码将被从上至下依次解释。

3. 标签的位置:
   现代 Web 应用程序一般都把全部 JavaScript 引用放在body元素中页面内容的后面

4. 延迟脚本：
   defer 这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。

5. 异步脚本：
   async 这个属性与 defer 属性类似，都用于改变处理脚本的行为。同样与 defer 类似，async 只适用于外部脚本文件，并告诉浏览器立即下载文件。但与 defer不同的是，标记为 async 的脚本并不保证按照指定它们的先后顺序执行

注：使用noscript元素可以指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的情况下，浏览器不会显示noscript元素中的任何内容。