《JavaScript 高级程序设计(第三版)》阅读随笔
script 标签
如果想要在 HTML 页面中编写 JavaScript 代码,可以使用 HTML 的 script 标签,在标签中,通过内嵌或者引用外部文件的方式即可使用 JavaScript。
内嵌使用
不指定标签的 src 属性,然后在 <script></script> 之内即可编写 JavaScript 代码。
引用外部文件
指定标签的 src 属性,可以是相对路径文件,也可以是安全的跨域文件,如果调用了外部文件,那么即使写了内嵌代码也不会再次生效。
推荐使用外部引用的理由
- 调用外部文件架构更整齐,可以将可复用的模块单独提取出来;
- 如果存在多个页面调用同一个外部文件的情况,那么外部文件只会被加载一次,效率更高。
调用顺序
默认情况下,如果存在多个 script 标签,那么它们会按照顺序执行,除非定义 defer 或者 async 属性,且访问的是外部文件;如果在标签中定义了 defer 属性,那么带 defer 的标签会延迟于正常标签执行,多个 defer 之间按顺序执行;如果在标签中定义了 async 属性,那么带 async 的标签会采取异步的方式加载执行,顺序无法预估,谁快则谁先完成执行。
网友评论