在 HTML 文档中外部引用 JavaScript 文件的方法有：使用 <script> 标签，指定 JavaScript 文件路径。添加 defer 属性，指定浏览器加载 HTML 后再执行 JavaScript。添加 async 属性，指定浏览器解析 HTML 时即可加载和执行 JavaScript。内联 JavaScript，适合少量代码直接嵌入 HTML 中。
如何外部引用 JS
在 HTML 文档中外部引用 JavaScript 文件有几种方法：
1. <script> 标签
方式：
<code class="html"><script src="path/to/script.js"></script></code>
示例：
<code class="html"><script src="https://unpkg.com/react@17/umd/react.production.min.js"></script></code>
2. defer 属性
方式：
<code class="html"><script defer src="path/to/script.js"></script></code>
用途： 指定浏览器在加载 HTML 结束后再执行 JavaScript。
3. async 属性
方式：
<code class="html"><script async src="path/to/script.js"></script></code>
用途： 指定浏览器在解析 HTML 时就可以加载和执行 JavaScript。
4. 内联 JavaScript
方式：
<code class="html"><script> // JavaScript 代码 </script></code>
用途： 只需要少量 JavaScript 代码时，可以直接内联到 HTML 中。
选择方法的建议：
-
外部引用（推荐）： 对于较大的 JavaScript 文件，建议使用
<script>标签或defer/async属性，以提高页面加载速度和性能。 - 内联 JavaScript： 对于非常小的 JavaScript 片段，内联可以避免额外的 HTTP 请求。
