在 JavaScript 中引用外部脚本有以下方法：使用 <script src=""></script> 标签；添加 defer 属性指示浏览器延迟执行脚本；添加 async 属性指示浏览器异步加载脚本；使用 document.write() 方法动态写入脚本；动态创建 <script> 元素。
如何在 JavaScript 中引用外部脚本
引入脚本的几种方法：
1. <script> 标签
这是最基本的引入脚本的方法，直接在 HTML 文档中添加 <script> 标签，并指定源文件路径：
<code class="html"><script src="myScript.js"></script></code>
2. defer 属性
defer 属性指示浏览器在加载并解析 HTML 文档后才执行脚本，避免阻塞页面渲染：
<code class="html"><script src="myScript.js" defer></script></code>
3. async 属性
async 属性指示浏览器异步加载脚本，不阻塞页面加载，但无法保证脚本执行顺序：
<code class="html"><script src="myScript.js" async></script></code>
4. document.write() 方法
可以用 document.write() 方法动态写入脚本：
<code class="html"><script>
document.write("<script src='myScript.js'></script>");
</script></code>5. 动态创建<script> 元素
也可以使用 JavaScript 动态创建 <script> 元素：
<code class="js">var script = document.createElement("script");
script.type = "text/javascript";
script.src = "myScript.js";
document.head.appendChild(script);</code>选择方法的考虑因素：
-
加载顺序：
async属性无法保证加载顺序，而defer属性则按顺序加载脚本。 -
页面加载：
defer属性和动态创建脚本不会阻塞页面加载，而<script>标签和document.write()方法会。 -
兼容性：
async属性不兼容 IE 11 及更早版本。
