引用外部 JavaScript 文件可以让 HTML 页面使用外部脚本中的代码，实现代码重用和模块化。步骤：创建以 .js 为扩展名的外部 JS 文件，并编写 JavaScript 代码。在 HTML 页面的 <head> 部分中添加 <script src="外部 JS 文件路径"> 代码。调整路径为外部 JS 文件的正确路径。注意考虑文件位置、依赖关系、异步加载和 CDN 等因素。
如何引用外部 JS
引用外部 JavaScript 文件是一种让您的 HTML 页面能够访问外部脚本中定义的代码的方法。通过这种方式，您可以将代码重用在多个页面中，并实现代码模块化。
步骤：
- 创建外部 JS 文件：创建一个新的文件，并以 ".js" 为扩展名保存它。例如，"script.js"。
- 编写 JavaScript 代码：在该文件中编写您希望外部脚本执行的 JavaScript 代码。
-
在 HTML 页面中引用：在要使用脚本的 HTML 页面中，在
<head>部分内添加以下代码：
<code class="html"><script src="script.js"></script></code>
-
调整路径：确保
src属性值指向外部 JavaScript 文件的正确路径。
例如：
<code class="html"><head> <title>引用外部 JavaScript</title> <script src="scripts/script.js"></script> </head> <body> <!-- 页面内容 --> </body></code>
注意事项：
- 确保外部 JS 文件与 HTML 文件位于同一目录下，或提供相对于 HTML 文件的完整路径。
- 如果外部脚本依赖于其他脚本，您需要按顺序引用它们。
- 可以使用
async或defer属性来异步加载脚本，这可以提高页面加载速度。 - 引用外部脚本时，建议使用 CDN（内容分发网络）来提高加载速度和可靠性。
