什么是Google的js托管?
说的明白点,跟我们以往做法一样,只不过这时候的引用的js库是放在Google服务器上的。比如引用jquery,则使用路径http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js即可。也就是无论是 谁的网站,只要使用了将得到与在自己服务器引用一样的效果。这当然有它的优点,要不然谁还大费周折搞什么托管。
Google托管的优势何在?
google有着遍布世界各地的DNS服务器,这便成了它可以做为托管的有利条件。比如我买了个国 外的域名空间,在北京访问的时候,通过DNS得到国外服务器上的资源,也许这个服务器很忙所以准备呆会再理我,也许这个服务器传输资源的路径很慢。但是通 过google的DNS服务器,可以为我分配一个最近而且不那么忙的服务器为我提供托管在它上面的js库,这样可以提高加载的速度。
Google托管的好处?
除了上面说的google拥有分布各地的DNS服务器,使用google托管还有一个好处就是有效地使用缓存。
回到第一个问题,我在访问了a.html之后又去访问一个名为b.html地文件,b.html引用了http://www.lanrensc.com/b/jquery.js,假设这两个 jquery版本是一样的,那么我在访问b.html,浏览器发现缓存里没有http:/www.lanrensc.com/b/jquery.js,于是重新加载js 库。
但如果这两个文件都使用的http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js,那么访问b.html时只要使用访问a.html时缓存在浏览器里的js库即可,好处显而易见了。
使用托管有不好的影响吗?
当然,任何好的东西都有不好的一面。正所谓托管,那对Google的依赖性一定是很强的了。一旦Google倒了(当然这应该是不可能的^_^)或者链接不上Google服务器,就可能无法加载jQuery,用到这个特效页面就会有问题,确实也是个大麻烦。
当然,这种情况我们可以通过条件判断,当引用google托管Jquery不成功时,则使用本地jQuery,本机服务器上再保存一个jQuery即可。
引用方法
<script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="http://www.lanrensc.com/statics/js/jquery.min.js">\x3C/script>')</script> //注释:引用google托管Jquery不成功时则使用本地Jquery。
常用Google jQuery版本引用地址:
1.2.6: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 1.3.2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> 1.4.2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 1.5.2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> 1.6.2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 1.6.4: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 1.7: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script> 1.7.1: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 1.7.2: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 1.8: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 1.8.2: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 1.8.3: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 1.9.0: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
来源于:http://www.lanrensc.com/All/SuCaiHeJi/123-Google-And-SAE-jQuery-JavaScript-Library-Address.shtml 谢谢分享