背景

在html中经常会遇到加载js脚本失败的情况，这样就会导致我们可能无法实现正常的功能，因此我们需要去对加载失败的脚本进行重试，并且因为各个脚本存在相互依赖的关系,因此我们在去加载重试脚本的时候，需要注意下阻塞后面脚本的执行，待到重试成功之后再去执行后面的脚本内容。

方法

1. 捕获加载失败事件：在页面中引入的JavaScript脚本可以通过添加 onerror事件来检测加载失败情况。
2. 替换不同的域名进行重试：在加载失败时，可以尝试使用备用域名来加载脚本。为此，你可以在脚本标签中使用备用域名，如下所示：

<script src="http://domain1.com/myscript.js" onerror="retryLoadScript('http://domain2.com/myscript.js')"></script>

这里，当第一个域名（domain1.com）的脚本加载失败时，会调用 retryLoadScript()函数来重试加载备用域名（domain2.com）的脚本。

阻塞后续脚本加载：在加载失败时，为阻塞后续脚本加载，你可以使用动态创建脚本的方式，并将它添加到页面中。这样，直到重试成功，后续脚本都不会被加载。例如，使用以下JavaScript代码：

<script>
  // 定义要尝试的多个域名
  var domainList = [
    'http://domain1.com/myscript.js',
    'http://domain2.com/myscript.js',
    'http://domain3.com/myscript.js'
  ];

  // 当前正在尝试的域名索引
  var currentDomainIndex = 0;

  function loadScript() {
    var script = document.createElement('script');
    script.src = domainList[currentDomainIndex];
    script.onload = function() {
      console.log('脚本加载成功');
      loadNextScript();
    };
    script.onerror = function() {
      console.error('脚本加载失败');
      loadNextScript();
    };
    document.head.appendChild(script);
  }

  function loadNextScript() {
    // 尝试下一个域名
    currentDomainIndex++;

    // 如果所有域名都尝试过了，仍然加载失败，则继续执行后续脚本
    if (currentDomainIndex >= domainList.length) {
      console.warn('所有域名都加载失败');
      continueLoadingOtherScripts();
    } else {
      loadScript();
    }
  }

  function continueLoadingOtherScripts() {
    // 继续加载后续脚本，可以根据需要添加更多脚本
    var script2 = document.createElement('script');
    script2.src = "http://domain4.com/nextscript.js";
    document.head.appendChild(script2);
  }

  // 开始加载脚本
  loadScript();
</script>

这段代码中，我们定义了一个 domainList数组，其中包含多个备用域名。然后，使用递归的方式来依次尝试加载脚本，直到所有域名都被尝试过或成功加载为止。如果所有备用域名都加载失败，将会调用 continueLoadingOtherScripts()函数来加载后续脚本。这样，即使所有备用域名都加载失败，你仍然能够继续执行后续的脚本加载。同时，如果其中一个域名加载成功，后续的备用域名加载尝试将会被终止，不会再加载额外的脚本。

总结

1. 定义一个包含多个备用域名的数组 domainList，用于存储要尝试的域名列表。
2. 创建一个递归函数 loadScript()，该函数会尝试加载当前指定的域名，并在加载成功或失败时调用 loadNextScript() 函数。
3. loadNextScript() 函数用于控制递归流程，尝试加载下一个域名，直到所有备用域名都尝试过为止。如果所有域名都加载失败，它将调用 continueLoadingOtherScripts() 函数来加载后续的脚本。
4. continueLoadingOtherScripts() 函数负责加载后续的脚本，你可以根据需要添加更多脚本加载操作。
5. 调用 loadScript() 函数来开始加载第一个域名，然后整个重试加载的流程会自动进行。

通过这样的实现，无论备用域名是否加载成功，你都能够保证后续脚本的加载不会受到影响，并且在所有备用域名都加载失败后，仍然可以继续执行后续的脚本加载。