如何在 HTML 中引入外部 JavaScript 文件

<p>可以使用 `<script>` 标签来引入外部的 JS 文件。例如，如果有一个名为 'script.js' 的 JS 文件，可以使用以下代码将其引入到 HTML 文件中：</p>
<pre><code class="language-html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;My Website&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;!-- 页面内容 --&gt;
  
  &lt;!-- 引入外部JS文件 --&gt;
  &lt;script src='script.js'&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p>在上面的代码中，`<script>` 标签中的 `src` 属性指定了要引入的 JS 文件的路径。在这个例子中，JS 文件位于与 HTML 文件相同的目录中。</p>
<p>引入外部 JS 文件的好处是可以将代码分离成多个文件，使代码更易于维护和管理。同时也可以提高页面加载速度，因为浏览器可以同时下载多个文件，而不是等待一个文件下载完成后再下载另一个文件。</p>