如果google或其它外部jquery载入失败则载入本地jquery

2013-07-29   来源:站长日记       编辑:沧海桑田   类别:jQuery 实例    转载到:    发表评论

快速和安全的 加载 google或其它外部jquery载入,失败则载入本地jquery

google或其它外部jquery载入失败则载入本地jquery,
网站中使用Google CDN的jQuery库虽然加载速度很快,但有时也会因为各种原因出错,现有个非常不错使用的方法分享

下面代码可以在Google CDN库获取失败时载入本地jQuery库

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript"> window.jQuery || document.write('<script type="text/javascript" src="/public/js/libs/jquery.1.9.1.min.js"></script>')</script>


建议下载一份jQuery官方的Min库,Google CDN库的地址采用了协议相对路径,很好的解决https引起的一些问题,许多网站都采用GoogleCDN提供的jQuery库得到出色的缓存效果
把jQuery代码统统放到页面底部可以提高载入速度,使用HTML5重构的页面可省略掉 type="text/javascript"

经常使用jQuery库,选择使用的jQuery加载源,能有效加快网站的加载速度,目前最佳的选择就是使用Google或Microsoft提供的CDN jQuery源
Google Ajax API CDN
//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js

Google Ajax CDN Documentation
Microsoft CDN
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js
http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js


Ajax CDN Announcement, Microsoft Ajax CDN Documentation


新浪的
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

使用 Google jQuery 的CDN方法用起来也很简单,网页里引用Google服务器上的相关js文件,如果引用多个js ,Google也提供了相应的办法,那就是google load 首先在页头部分加入以下这行代码:
加载jQuery,可以这样使用 google.load(“jquery”,”1.4.4″);

这样我们就从Google的最近的CDN镜像上加载了jQuery 1.4.4版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?
在js库加载完以后才开始执行js 比如 google.setOnLoadCallback(function(){//要执行的代码});

其他的类库可以加载 在google 类库 http://code.google.com/intl/zh-CN/apis/libraries/devguide.html
有各种各样的CDN,比如EXT Core、jQuery UI 、Dojo等等,虽然 CDN jQuery 源相当的稳定,不过不能保证其能随时访问,所以还要给另一选择,根据条件加载 jQuery,加一个备用源,如下:

<script type=”text/javascript”src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script><scripttype=”text/javascript”>!window.jQuery && document.write(‘<script src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js><\/script>’);</script>


然后保存到 jQuery.js 放在本地加载,文件很小,加载也快,变更版本也很方便
其中第二个地址可以换成本地的 jQuery 以保证链接稳定,意义是:先去加载谷歌的jquery库文件,如果加载失败那么就加载微软的 jquery 库文件。
如果加载 google jquery 成功则会忽略后面的微软 jQuery 代码。

11

1
11|1 | 鲜花 VS 砸蛋 | 104阅读 0评论 jquery
下一篇: 亲,OVER了