在 JavaScript 中引用外部 JS 文件有两种方法:使用 <script> 标签,指定外部 JS 文件的路径。对于现代浏览器,使用 import 关键字导入外部模块。

如何在 JS 中引用外部 JS
在 JavaScript 中引用外部 JS 文件的方法有两种:
方法 1:使用 <script> 标签
<code class="html"><script src="external.js"></script></code>
此方法需要在要使用外部 JS 的 HTML 页面中插入一个 <script> 标签。其中,src 属性指定了要引用的外部 JS 文件的位置。
方法 2:使用 import 关键字
对于现代浏览器,可以使用 import 关键字来引用外部模块。
<code class="js">import myModule from "my-module.js";</code>
此方法允许您将外部模块作为 JavaScript 模块导入。其中,my-module.js 是要导入的外部 JS 文件的路径。
注意:
- 外部 JS 文件必须在
<head>标签或<body>标签内引用。 - 确保外部 JS 文件位于正确的路径,并且服务器已正确配置以提供该文件。
- 引用多个外部 JS 文件时,请注意加载顺序,因为它们将按顺序执行。
- 为了避免名称冲突,可以将外部 JS 文件包装在闭包中。










