如何在 HTML 中使用 JavaScript

《JavaScript 高级程序设计（第三版）》阅读随笔

script 标签

如果想要在 HTML 页面中编写 JavaScript 代码，可以使用 HTML 的 script 标签，在标签中，通过内嵌或者引用外部文件的方式即可使用 JavaScript。

内嵌使用

不指定标签的 src 属性，然后在 <script></script> 之内即可编写 JavaScript 代码。

引用外部文件

指定标签的 src 属性，可以是相对路径文件，也可以是安全的跨域文件，如果调用了外部文件，那么即使写了内嵌代码也不会再次生效。

推荐使用外部引用的理由

1. 调用外部文件架构更整齐，可以将可复用的模块单独提取出来；
2. 如果存在多个页面调用同一个外部文件的情况，那么外部文件只会被加载一次，效率更高。

调用顺序

默认情况下，如果存在多个 script 标签，那么它们会按照顺序执行，除非定义 defer 或者 async 属性，且访问的是外部文件；如果在标签中定义了 defer 属性，那么带 defer 的标签会延迟于正常标签执行，多个 defer 之间按顺序执行；如果在标签中定义了 async 属性，那么带 async 的标签会采取异步的方式加载执行，顺序无法预估，谁快则谁先完成执行。