外部 JS 可以通过在 HTML 中使用 <script src="path/to/external_script.js"></script> 标签进行引用，优点包括：代码重用、提高可维护性和加快页面加载速度。外部 JS 的加载方式有顺序加载、异步加载和延迟加载。示例：通过 <script src="js/my_script.js"></script>，可以顺序加载外部 JS 文件 my_script.js。
如何在 JavaScript 中引用外部 JS
在 JavaScript 中，可以通过 <script> 标签来引用外部 JS 文件：
<code class="html"><script src="path/to/external_script.js"></script></code>
其中，src 属性指定要引用的外部 JS 文件的路径。
优点：
- 允许代码重用，将通用代码放在单独的 JS 文件中。
- 提高可维护性，便于代码管理和更新。
- 加快页面加载速度，因为外部 JS 文件可以在页面加载后异步加载。
如何加载外部 JS
外部 JS 文件可以通过以下方式加载：
-
顺序加载：
<script>标签放在<body>标签的顶部或底部，以便页面加载时顺序执行脚本。 -
异步加载：
<script>标签设置async属性，以便脚本在页面加载完成后异步加载。 -
延迟加载：
<script>标签设置defer属性，以便脚本在 DOM 解析完成后加载，但仍按顺序执行。
示例：
将外部 JS 文件 my_script.js 引用到 HTML 页面：
<code class="html"><head> <script src="js/my_script.js"></script> </head> <body> ... </body></code>
这将在页面加载时顺序加载外部 JS 文件。
注意：
- 确保外部 JS 文件位于正确的路径。
- 尽量避免在
<head>标签中引用外部 JS，因为这可能会阻塞页面渲染。 - 使用
async或defer属性可以优化页面性能。
