javascript - jQuery CDN 超时回退

Question

我在几个地方读过如何在由 google 或 microsoft 或其他托管的链接失败时回退到 jQuery 库的本地副本。

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
{
document.write(unescape("%3Cscript src='/Scripts/jquery-1.3.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

我的应用程序在 Intranet 环境中工作，但有时外部 jQuery 链接不会失败，但需要很长时间才能加载(由于外部 Internet 连接问题)。

我想知道是否有一种方法不仅可以使用这样的回退，还可以为 CDN 链接设置超时，这样如果链接需要一定的时间，它应该会失败并调用回退。

类似于:

if(timetoloadjquery > n) {
    Use fallback local jQuery library.
}

也许是某种循环来检查 jQuery 是否已定义，如果经过这么多次迭代后是否未定义......做其他事情？

感谢您的帮助。

Answer 1

这可能对您有所帮助。 5 秒后，Javascript 检查 jQuery 是否可用，如果不可用，则从本地服务器加载库。

1.带定时器

<script>
setTimeout(function() {
  if(window.jQuery) return;
  var n = document.getElementsByTagName("script")[0];
  n.parentNode.insertBefore(document.createElement("script"), n).src = "assets/jQuery/jquery-1.7.2.min.js";
}, 5000);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

2.这个没有定时器，如果CDN版本失败，它会加载本地版本。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript">window.jQuery || document.write("<script type='text/javascript' src='js/jquery-1.8.3.min.js'>\x3C/script>")</script>