javascript - 从 Google 或本地加载 jQuery(如果不在线)

Question

现在我的代码中有以下链接:

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>

等...

我想使用 google.com 的缓存副本。我听说谷歌是最好的来源，但如果我错了请纠正我。

无论如何，我是否可以对我的应用程序进行编码，以便它使用来自谷歌的代码(如果可用)和本地代码(如果不可用)。仅供引用，我正在使用 Microsoft MVC3 和 Msoft 云服务器。

谢谢

Answer 1

当然，在 HTML5 boilerplate 中查看他们是如何做到的.

如果你看一下 bottom of the index.html file在 GitHub 存储库中，您将看到以下内容...

<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/X.X.X/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="local/jquery-X.X.X.min.js">\x3C/script>')</script>

注意:在上面的代码片段中，X.X.X 应该替换为您正在使用的 jQuery 版本号(例如 1.8.2)。

它是如何工作的？

1. 首先，尝试获取 CDN 版本(上面使用了 Google 的 CDN url，当然您可以链接到您喜欢的任何来源)。
2. 紧接着，我们检查 jQuery 全局对象。
3. 如果 jQuery 不存在，明显的假设是我们没有设法从 CDN 获取代码，那么我们 document.write 一个脚本标签改为从本地来源获取副本。