javascript - 为动态加载的 javascript 文件实现 'error' 回调

Question

我正在动态加载 JavaScript 并访问它的变量。我检查了此 question 的第二个答案下面的代码运行得很好。

include = function (url, fn) {
    var e = document.createElement("script");
    e.onload = fn;
    e.src = url;
    e.async=true;
    document.getElementsByTagName("head")[0].appendChild(e);
};

include("test.js",function(){
    console.log(foo);
});

问题:我还想要一个 onFailure 回调函数，以便我能够处理代码以防万一

• 互联网已瘫痪。
• 文件名无法访问(例如:路径不正确)

如果有人能引导我走向正确的方向，我将不胜感激。谢谢

Answer 1

MDN page for the HTMLScriptElement有a good example您可以以此为基础进行构建。

function loadError (oError) {
  throw new URIError("The script " + oError.target.src + " is not accessible.");
}

function importScript (sSrc, fOnload) {
  var oScript = document.createElement("script");
  oScript.type = "text\/javascript";
  oScript.onerror = loadError;
  if (fOnload) { oScript.onload = fOnload; }
  document.currentScript.parentNode.insertBefore(oScript, document.currentScript);
  oScript.src = sSrc;
}