javascript - JS内部动态加载JS

Question

这个问题在这里已经有了答案:

How do I include a JavaScript file in another JavaScript file? (69 个回答)

关闭 6年前。

我有一个动态网页，我需要在另一个 javascript 文件中导入一个外部 JS 文件(在 IF 条件下)。

我试图寻找可行的解决方案，但没有奏效。

我曾尝试使用 document.createElement() 将 JS 文件加载到 DOM，但也没有成功。显然 Js 已加载到 DOM 中，但在当前 JS 文件中无法访问。

jQuery 中的解决方案也可以

Answer 1

我的猜测是，在您的仅 DOM 解决方案中，您执行了以下操作:

var script = document.createElement('script');
script.src = something;
//do stuff with the script

首先，这是行不通的，因为脚本没有添加到文档树中，所以它不会被加载。此外，即使您这样做了，在加载其他脚本时仍会继续执行 javascript，因此在该脚本完全加载之前，您将无法使用其内容。

您可以收听脚本的 load 事件，并按照您的意愿处理结果。所以:

var script = document.createElement('script');
script.onload = function () {
    //do stuff with the script
};
script.src = something;

document.head.appendChild(script); //or something of the likes