原文:Link JavaScript to HTML with the script src Attribute

标签中的 “src” 属性是你想链接到 HTML 文档的外部文件或资源的路径。

例如,如果你有自己定制的名为 “script.js” 的 JavaScript 文件,并希望将其功能添加到你的 HTML 页面,你可以这样添加它:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Script Src Attribute Example</title>
  </head>
  <body>

  <script src="./script.js"></script>
  </body>
</html>

这将指向一个名为 “script.js” 的文件,该文件与 .html 文件在同一目录下。你也可以通过在文件路径中使用 “...” 链接到其他目录。

<script src="../public/js/script.js"></script>

这将跳转到一个目录,然后进入 “public” 目录,再到 “js” 目录,再到 “script.js” 文件。

你也可以使用 “src” 属性来链接到第三方托管的外部 .js 文件。如果你不想下载文件的本地副本,就可以使用这个方法。只需注意,如果链接改变或网络访问中断,那么你所链接的外部文件将无法使用。

这个例子链接到一个 jQuery 文件:

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>

更多信息

MDN Article on the HTML