如何在 JavaScript 中加载 JS 文件？使用 <script> 标签：在 </body> 标签前嵌入 <script> 标签，如 <script src="script.js"></script>。使用 XMLHttpRequest：创建 XMLHttpRequest 对象，配置 GET 请求，并在加载成功时执行脚本。使用 import 语句（ES6）：使用 import 语句将模块导入脚本中，如 impo
如何使用 JavaScript 加载 JS 文件
在 JavaScript 中加载外部 JS 文件有几种方法：
1. 使用 <script> 标签
这是加载 JS 文件最常见的方式：
<code class="html"><script src="script.js"></script></code>
将其放在 </body> 标签之前。
2. 使用 XMLHttpRequest
<code class="javascript">var request = new XMLHttpRequest();
request.open("GET", "script.js");
request.onload = function() {
if (request.status === 200) {
eval(request.responseText);
}
};
request.send();</code>3. 使用 import 语句（ES6）
<code class="javascript">import { myFunction } from "./script.js";
myFunction();</code>细节展开：
<script> 标签方法
- 优点：简单易用，与其他 HTML 元素兼容。
- 缺点：会阻塞页面加载，直到脚本加载完毕。
XMLHttpRequest 方法
- 优点：不会阻塞页面加载。
- 缺点：语法更复杂。
import 语句方法
- 优点：更现代，与模块化更好。
- 缺点：仅适用于支持 ES6 的浏览器。
最佳实践：
- 对于较小的脚本，
<script>标签方法是最佳选择。 - 对于较大的脚本或需要异步加载的脚本，考虑使用
XMLHttpRequest或import。 - 将脚本放在页面底部，以减少对加载时间的延迟。
