Javascript：检测脚本加载完成

Question

我正在动态添加脚本usign：

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

似乎无法使用script.onload和document.onreadystatechange来确定加载过程的结束。我该如何捕获动态脚本加载完成？

Answer 1

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

示例：

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

Answer 2

我认为你想要的东西非常相似：Trying to fire the onload event on script tag

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