从CDN加载脚本或css文件,仍然具有本地备份

时间:2014-01-17 03:43:20

标签: javascript css cdn

我想知道我是否可以拥有像

这样的东西
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

如果它不可用......我怎样才能加载像

这样的东西
<script src="../localjs/jquery.js"></script>

与CSS相同

我在问,因为我经常使用CDN,有时候我在Localhost中开发,我无法连接到互联网,一些脚本停止工作,我想知道我是否可以这样做,所以我不喜欢我不得不担心在CDN和本地文件之间反复更改它们。

2 个答案:

答案 0 :(得分:4)

您可以执行以下操作:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../localjs/jquery.js">\x3C/script>')</script>

进一步阅读:CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery

答案 1 :(得分:2)

在打开<body>标记后立即加入以下内容:

<body>
    <script>
    if (!jQuery) 
        document.write('<script src="/local/jquery.js"><\/script>');
    </script>

<!-- ... html ... -->

</body>