JavaScript 提供动态加载 JS 脚本的方法，步骤包括：创建一个指定要加载脚本 URL 的 元素。添加一个 onload 事件监听器，以便在脚本加载完成后执行函数。使用 appendChild() 方法将脚本元素添加到 DOM 中。
如何使用 JavaScript 动态加载 JS
JavaScript 提供了一种名为 load() 方法的机制，可以动态加载外部 JS 脚本文件。
步骤：
-
创建脚本元素：创建一个
元素，指定要加载的脚本文件的 URL。 -
设置事件监听器：在脚本元素上添加
onload事件监听器。 -
将脚本添加到 DOM：使用
appendChild()方法将脚本元素添加到document.head或document.body中。
示例代码：
// 创建脚本元素
var script = document.createElement('script');
// 指定脚本 URL
script.src = 'myScript.js';
// 设置 onload 事件监听器
script.onload = function() {
// 脚本加载完成后执行此函数
};
// 将脚本添加到 DOM
document.head.appendChild(script);注意：
- 脚本加载完成后，
onload事件监听器中的函数将被调用。 - 动态加载的脚本应放在
或末尾，以优化加载时间。 - 可以在一个页面中动态加载多个 JS 脚本。
- 动态加载 JS 脚本时，可以使用
async或defer属性来控制脚本加载和执行的时机。
