什么是一个好方法来尝试加载托管的jQuery在谷歌(或其他谷歌托管库)，但加载我的jQuery副本，如果谷歌尝试失败?
我不是说谷歌很古怪。在某些情况下，谷歌副本会被屏蔽(例如，显然在伊朗)。
我是否会设置一个计时器并检查jQuery对象?
两份拷贝都通过的危险是什么?
并不是真的在寻找像“只用谷歌”或“只用你自己的”这样的答案。我理解这些论点。我还知道用户可能缓存了谷歌版本。我在考虑云计算的后备方案。
编辑:这部分增加了…
因为谷歌建议使用谷歌。加载加载ajax库，它执行回调时，我想知道这是否是序列化这个问题的关键。
我知道这听起来有点疯狂。我只是想弄清楚它是否能以一种可靠的方式完成。
更新:jQuery现在托管在微软的CDN上。
http://www.asp.net/ajax/cdn/
当前回答
还有另一个替代ajax.googleapis.com与cdnjs.cloudflare.com:
(function (doc, $)
{
'use strict';
if (typeof $ === 'undefined')
{
var script = doc.querySelector('script[src*="jquery.min.js"]'),
src = script.src.replace('ajax.googleapis.com', 'cdnjs.cloudflare.com');
script.parentNode.removeChild(script);
doc.write('<script src="' + src + '"></script>');
}
})(document, window.jQuery || window.Zepto);
你可以通过在字符串中指定一个jQuery版本 完美的资产管理，不与HTML剪辑工作 在野外测试-工作完美的用户从中国
其他回答
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>
对于那些使用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);
如果你的网站上嵌入了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提供的功能测试，所以我将它嵌入到网站中。所以实际上没有开销。
您可能希望使用本地文件作为最后的手段。
现在看来，jQuery自己的CDN不支持https。如果是这样的话，你可能会想先从那里加载。
这是序列: 谷歌CDN => 微软CDN => 本地副本。
<!-- load jQuery from Google's CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- fallback to Microsoft's Ajax CDN -->
<script> window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js">\x3C/script>')</script>
<!-- fallback to local file -->
<script> window.jQuery || document.write('<script src="Assets/jquery-1.8.3.min.js">\x3C/script>')</script>
谷歌托管jQuery
如果你关心旧的浏览器，主要是IE9之前的IE版本，这是最广泛兼容的jQuery版本
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>如果你不关心老die，这个更小更快:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>备份/后备计划!
无论哪种方式，您都应该使用回退到本地，以防谷歌CDN失败(不太可能)或在您的用户访问您的网站的位置被阻止(略有可能)，如伊朗或有时中国。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>if (!window.jQuery) { document.write('<script src="/path/to/your/jquery"><\/script>'); }
</script>
参考:http://websitespeedoptimizations.com/ContentDeliveryNetworkPost.aspx
