在 html 文档中外部引用 javascript 文件的方法有：使用 标签，指定 javascript 文件路径。添加 defer 属性，指定浏览器加载 html 后再执行 javascript。添加 async 属性，指定浏览器解析 html 时即可加载和执行 javascript。内联 javascript，适合少量代码直接嵌入 html 中。

如何外部引用 JS

在 HTML 文档中外部引用 JavaScript 文件有几种方法：

1. <script></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></script> 标签或 defer/async 属性，以提高页面加载速度和性能。
• 内联 JavaScript： 对于非常小的 JavaScript 片段，内联可以避免额外的 HTTP 请求。