Question

我使用以下代码将外部脚本加载到我的网站：

 var script = document.createElement('script');
 script.type = 'text/javascript';
 script.src = 'http://example.com/script.js';
 document.getElementsByTagName("head")[0].appendChild(script);

它可以工作，但如果检查是否在加载时出错？例如超时或服务器错误。

Answer 1

如果加载错误，您可以使用script.onerror执行某些操作。

script.onerror = function() {
   alert("cannot load script");
}

document.getElementsByTagName("head")[0].appendChild(script);

确保在将脚本附加到文档

之前执行此操作

Answer 2

您可以在onload对象上设置onerror（以及可能onload - 我自己只使用script}，然后再将其附加到文档中。当脚本成功加载（或不加载onerror）时，将触发该事件。

Answer 3

DEMO

//check if script was loaded
script.onload = function() {
    alert('loaded');
}

//check if it didn't load
script.onerror = function() {
    alert('foo!');
}

Answer 4

如果你拥有你所指的脚本，那就让它调用调用页面中的一个函数来说明它的准备就绪。或者，您可以检查是否存在您正在加载的脚本中声明的某个对象。

JS加载脚本错误

4 个答案: