javascript - script.onerror 在 url 不正确时不抛出错误

Question

我有下面的代码，如果 URL 不正确，它应该会抛出错误。然而，实际上什么也没有发生，即使 URL 绝对不正确。

function loadApi() {
    var script = document.createElement('script');
    script.src = 'https://maps.googleapiss.com/maps/api/js?key={key}&libraries=geometry';
    script.onerror = function() {
      exit('MarvMap: Unable to load Google Map API, please check the URL.');
    };
    script.onload = function () {
      document.head.appendChild(this);
    };
  }
function exit(message = 'Exiting MarvMap') {
    throw new Error(message);
  }

Answer 1

直到/除非您将元素附加到 DOM，才会加载脚本。如果这样做，您会看到错误:

function loadApi() {
    var script = document.createElement('script');
    script.onerror = function() {
        exit('MarvMap: Unable to load Google Map API, please check the URL.');
    };
    script.onload = function () {
        console.log("Loaded");
    };
    script.src = 'https://maps.googleapiss.com/maps/api/js?key={key}&libraries=geometry';
    document.head.appendChild(script);
}

(我也习惯性地在 设置 src 之前钩住处理程序，因为它对图像很重要。但对脚本不重要。)