javascript - 如果 CDN 不工作，如何加载本地文件

Question

我正在使用一些 CDN js 和 css 文件。

我在谷歌上搜索，如果 CDN 不工作，如何加载本地数据。

我找到了一个这样写的好链接

<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            if (typeof jQuery == 'undefined') {
                document.write(unescape("%3Cscript src='JS/Plugins/jquery-1.8.2.min.js' type='text/javascript'%3E%3C/script%3E"));
            }
        </script>

是的，它可以工作，但后来我尝试了另一个 CDN 网络，然后它没有从本地下载。如果 CDN 不工作，那么它会在我的页面中显示错误，并且由于缺少该 js 文件，页面无法正常工作。 意思是:

<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript">
    if (typeof jQuery == 'undefined') {
        document.write(unescape("%3Cscript src='Include/JS/JqueryPlugin/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
    }
</script>

在上述情况下，当上述 CDN 不工作时，本地 jquery.min.js 未下载。

类似的如何做CSS(在谷歌搜索并没有找到任何好的解决方案)。

如何知道哪个 CDN 不工作并从本地下载相应的文件。

请帮忙

提前致谢

Answer 1

您可以使用下面的脚本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>    window.jQuery || document.write('<script src="/scripts/jquery.1.9.1.min.js"><\/script>')</script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<script>    window.jQuery.ui || document.write('<script src="/scripts/jquery-ui.min.js"><\/script>')</script>

希望有用!