引用新浪微软Google的CDN加载jQuery
2011-11-29 22:20
531 查看
http://www.ijs.me/sina-microsoft-google-cdn-to-load-jquery.html
有时候写个小页面,懒的加载这么大的jQuery库,或者你的网站速度不是很理想,这时候可以使用第三方的jQuery库,目前最佳的选择就是使用新浪Microsoft或Google提供的CDN jQuery源。
速度和稳定的原因,国内站点建议大家选用顺序为新浪微软Google的
新浪的: http://lib.sinaapp.com/js/jquery/1.6/jquery.js http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js 其他版本的: http://lib.sinaapp.com/?path=/jquery 微软的: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js 其他版本的:http://www.asp.net/ajaxlibrary/cdn.ashx
Google的:
path: https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js
path(u): https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js 其他版本的:http://code.google.com/intl/zh-CN/apis/libraries/devguide.html#jquery
除了常规的调用方法外,Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。
首先在页头部分加入以下这行代码:
<scripttype="text/javascript"src="http://www.google.com/jsapi"></script>
加载jQuery,可以这样使用:
google.load("jquery","1.6.0");
这 样我们就从Google的最近的CDN镜像上加载了jQuery 1.6.0版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器 已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js
google.setOnLoadCallback(function(){//要执行的代码});
新浪和Google还提供了其他js类库的CDN,比如EXT Core、jQuery UI 、Dojo等等。
虽然 CDN jQuery 源相当的稳定,不过我们也不能保证其能随时访问,所以我们还要给它另外一个选择,让它根据条件加载 jQuery,加一个备用源,如下:
<scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"></script><scripttype="text/javascript"><!--!window.jQuery
&& document.write('<script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js><\/script>');//-->
也可以这样写:
<!--document.write(unescape("%3Cscript
src='http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));!window.jQuery&&document.write(unescape("%3Cscript
src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js' type='text/javascript'%3E%3C/script%3E"));//-->
其中第二个地址可以换成你本地的 jQuery 以保证链接稳定性。这样的意义是:先去加载谷歌的jquery库文件,如果加载失败那么就加载微软的 jquery 库文件。如果加载 google jquery 成功则会忽略后面的微软 jQuery 代码。
本文修改自: http://www.fufuok.com/jquery-cdn.html
有时候写个小页面,懒的加载这么大的jQuery库,或者你的网站速度不是很理想,这时候可以使用第三方的jQuery库,目前最佳的选择就是使用新浪Microsoft或Google提供的CDN jQuery源。
速度和稳定的原因,国内站点建议大家选用顺序为新浪微软Google的
新浪的: http://lib.sinaapp.com/js/jquery/1.6/jquery.js http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js 其他版本的: http://lib.sinaapp.com/?path=/jquery 微软的: http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.js http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js 其他版本的:http://www.asp.net/ajaxlibrary/cdn.ashx
Google的:
path: https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js
path(u): https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js 其他版本的:http://code.google.com/intl/zh-CN/apis/libraries/devguide.html#jquery
除了常规的调用方法外,Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。
首先在页头部分加入以下这行代码:
<scripttype="text/javascript"src="http://www.google.com/jsapi"></script>
加载jQuery,可以这样使用:
google.load("jquery","1.6.0");
这 样我们就从Google的最近的CDN镜像上加载了jQuery 1.6.0版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器 已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js
google.setOnLoadCallback(function(){//要执行的代码});
新浪和Google还提供了其他js类库的CDN,比如EXT Core、jQuery UI 、Dojo等等。
虽然 CDN jQuery 源相当的稳定,不过我们也不能保证其能随时访问,所以我们还要给它另外一个选择,让它根据条件加载 jQuery,加一个备用源,如下:
<scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"></script><scripttype="text/javascript"><!--!window.jQuery
&& document.write('<script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js><\/script>');//-->
也可以这样写:
<!--document.write(unescape("%3Cscript
src='http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));!window.jQuery&&document.write(unescape("%3Cscript
src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.min.js' type='text/javascript'%3E%3C/script%3E"));//-->
其中第二个地址可以换成你本地的 jQuery 以保证链接稳定性。这样的意义是:先去加载谷歌的jquery库文件,如果加载失败那么就加载微软的 jquery 库文件。如果加载 google jquery 成功则会忽略后面的微软 jQuery 代码。
本文修改自: http://www.fufuok.com/jquery-cdn.html
相关文章推荐
- 引用新浪微软Google的CDN加载jQuery
- 引用新浪、Google、微软的CDN加载jQuery
- 【B/S】引用Google或微软的CDN加载jQuery
- 【转】引用Google或微软的CDN加载jQuery
- 使用Google CDN的JSAPI服务来提供加载jQuery
- 更新引用google的cdn外部jQuery核心库JS文件
- 通过Google CDN加载jQuery库
- Google与微软为jQuery等类库提供CDN服务
- Google与微软为jQuery等类库提供CDN服务
- Google与微软为jQuery等类库提供的CDN服务
- 微软为AJAX和jQuery类库提供CDN服务
- 微软为asp.net ajax和jquery创建了CDN
- WordPress利用360CDN公共库解决Google Open Sans字体无法加载
- 使用CDN加载jQuery类库后备代码
- seajs 加载的jquery中,正常引用 却报错 $ 错误
- Google CDN jquery ui css
- 谷歌 微软 新浪 CDN服务
- 使用CDN和AJAX加速WordPress中jQuery的加载
- google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
- jquery使用cdn加载问题