引用新浪微软Google的CDN加载jQuery

最新推荐文章于 2024-09-12 10:01:43 发布

duck

最新推荐文章于 2024-09-12 10:01:43 发布

阅读量2.6k

点赞数

分类专栏： jquery 文章标签： google 微软 jquery microsoft dojo function

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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库了。

首先在页头部分加入以下这行代码：

加载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，加一个备用源，如下：

也可以这样写：

< ! - - 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