如何在另一个 JavaScript 文件中动态加载和访问外部 JavaScript 文件？

从 JS 动态加载 JS

问题：

在动态网页上，加载事实证明，将外部 JS 文件有条件地包含在另一个 JS 文件中具有挑战性。尝试使用 document.createElement() 注入脚本元素未能使当前 JS 文件可以访问内容。

解决方案：

从 JS 动态加载 JS ，考虑脚本加载的异步性质至关重要。以下是合并事件处理的修订方法：

var script = document.createElement('script');
script.onload = function () {
  // Now the loaded script's content is accessible
  // ...
};
script.src = 'path/to/external.js';
document.head.appendChild(script);

通过使用 onload 事件，脚本的执行将暂停，直到外部脚本完全加载。这可以确保加载的内容在继续之前可用。

注意：

1. 使用 document.head.appendChild(script) 将 script 元素添加到 DOM或等效的DOM操作方法。
2. 确保原始代码片段中的something变量指向外部JS文件的路径你想要动态加载。

以上是如何在另一个 JavaScript 文件中动态加载和访问外部 JavaScript 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！