什么是一个好方法来尝试加载托管的jQuery在谷歌(或其他谷歌托管库)，但加载我的jQuery副本，如果谷歌尝试失败?
我不是说谷歌很古怪。在某些情况下，谷歌副本会被屏蔽(例如，显然在伊朗)。
我是否会设置一个计时器并检查jQuery对象?
两份拷贝都通过的危险是什么?
并不是真的在寻找像“只用谷歌”或“只用你自己的”这样的答案。我理解这些论点。我还知道用户可能缓存了谷歌版本。我在考虑云计算的后备方案。
编辑:这部分增加了…
因为谷歌建议使用谷歌。加载加载ajax库，它执行回调时，我想知道这是否是序列化这个问题的关键。
我知道这听起来有点疯狂。我只是想弄清楚它是否能以一种可靠的方式完成。
更新:jQuery现在托管在微软的CDN上。
http://www.asp.net/ajax/cdn/
当前回答
对于那些使用ASP的人。在你的BundleConfig.cs中添加以下代码来启用jquery的CDN:
bundles.UseCdn = true;
Bundle jqueryBundle = new ScriptBundle("~/bundles/jquery", "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js").Include("~/Scripts/jquery-{version}.js");
jqueryBundle.CdnFallbackExpression = "window.jQuery";
bundles.Add(jqueryBundle);
其他回答
if (typeof jQuery == 'undefined')) { ...
Or
if(!window.jQuery){
将不工作，如果cdn版本没有加载，因为浏览器将通过这个条件运行，在它仍然下载剩下的javascript需要jQuery和它返回错误。解决方案是通过该条件加载脚本。
<script src="http://WRONGPATH.code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script><!-- WRONGPATH for test-->
<script type="text/javascript">
function loadCDN_or_local(){
if(!window.jQuery){//jQuery not loaded, take a local copy of jQuery and then my scripts
var scripts=['local_copy_jquery.js','my_javascripts.js'];
for(var i=0;i<scripts.length;i++){
scri=document.getElementsByTagName('head')[0].appendChild(document.createElement('script'));
scri.type='text/javascript';
scri.src=scripts[i];
}
}
else{// jQuery loaded can load my scripts
var s=document.getElementsByTagName('head')[0].appendChild(document.createElement('script'));
s.type='text/javascript';
s.src='my_javascripts.js';
}
}
window.onload=function(){loadCDN_or_local();};
</script>
你可以这样做:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="/path/to/your/jquery"><\/script>');
</script>
这应该在页面的<head>中，任何jQuery就绪事件处理程序都应该在<body>中以避免错误(尽管这不是万无一错!)。
另一个不使用Google托管的jQuery的原因是，在一些国家，谷歌的域名是被禁止的。
几乎所有的公共cdn都相当可靠。但是，如果您担心阻塞谷歌域，那么您可以简单地退回到另一个jQuery CDN。然而，在这种情况下，您可能更愿意以相反的方式进行，并使用其他CDN作为首选选项，并退回到谷歌CDN，以避免请求失败和等待时间:
<script src="https://pagecdn.io/lib/jquery/3.2.1/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"><\/script>');
</script>
无法从超出您控制的外部数据存储加载资源是很困难的。寻找缺失的函数作为避免超时的方法是完全错误的，如下所述: http://www.tech-101.com/support/topic/4499-issues-using-a-cdn/
如果你的网站上嵌入了modernizr.js，你可以使用内置的yepnope.js来异步加载你的脚本——其中包括jQuery(带备份)。
Modernizr.load([{
load : '//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
},{
test : window.jQuery,
nope : 'path/to/local/jquery-1.7.2.min.js',
both : ['myscript.js', 'another-script.js'],
complete : function () {
MyApp.init();
}
}]);
这将从Google-cdn加载jQuery。然后检查jQuery是否加载成功。如果不是("nope")，则加载本地版本。同时也加载了您的个人脚本——“both”表示加载过程的初始化独立于测试的结果。
当所有加载过程完成时，执行一个函数，在这种情况下为'MyApp.init'。
我个人更喜欢这种异步脚本加载方式。由于我在构建网站时依赖modernizr提供的功能测试，所以我将它嵌入到网站中。所以实际上没有开销。
