JavaScript 可通过以下方式实现动态 JS 加载：创建脚本元素（document.createElement('script')）使用 XMLHttpRequest 发送请求（XMLHttpRequest (XHR)）在 HTML 中添加脚本标签（script 标签）
如何在 JavaScript 中动态加载 JS
在 JavaScript 中动态加载 JS 允许开发者根据需要在运行时加载和执行外部 JavaScript 代码。这在创建模块化、响应式和可维护的 Web 应用程序时非常有用。
方法
动态加载 JS 主要通过以下方法实现：
document.createElement('script')
：创建一个脚本元素，然后将其添加到 DOM 中。当脚本元素执行时，它会下载并执行外部 JavaScript 文件。
XMLHttpRequest (XHR)
：使用 XHR 向服务器发送请求以获取外部 JavaScript 文件。收到响应后，可以通过 eval() 或 new Function() 执行它。
script 标签
：直接在 HTML 中添加 script 标签，src 属性指向外部 JavaScript 文件。浏览器在解析页面时会自动下载并执行该文件。
步骤
以下是一些动态加载 JS 的具体步骤：
使用 document.createElement('script')
使用 XHR
使用 script 标签
注意
动态加载 JS 可能会因跨域限制的问题而失败。
动态加载 JS 后，需要确保在脚本执行完毕后再使用其内容。
谨慎使用 eval()，因为它存在安全风险。
const script = document.createElement('script');
script.src = 'script.js';
document.head.appendChild(script);function loadScript(url) {
const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onload = function() {
if (xhr.status === 200) {
eval(xhr.responseText); // 或者 new Function(xhr.responseText)()
}
};
xhr.send();
}