Javascript:检测脚本加载完成

Javascript: Detecting script load completion

本文关键字:加载 脚本 检测 Javascript      更新时间:2023-09-26

我正在动态添加脚本:

var el = document.createElement("script");
document.getElementsByTagname("head")[0].appendChild(el);

似乎script.onloaddocument.onreadystatechange都不能用来确定加载过程的结束。我应该如何捕捉动态脚本加载完成?

onload事件需要在设置脚本的src之前附加,这是导致脚本开始加载的原因。

的例子:

var el = document.createElement("script");
el.onload = function() {
    // Script is loaded
}
el.src = ...

我认为您想要的东西与此非常相似:尝试在脚本标签上触发onload事件

$body.append(yourDynamicScriptElement);
yourDynamicScriptElement.onload = function() { //...
yourDynamicScriptElement.src = script;