说的明白点,跟我们以往做法一样,只不过这时候的引用的js库是放在google服务器上的。
比如引用jquery,则使用路径 http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js即可。
也就是无论是 谁的网站,只要使用了将得到与在自己服务器引用一样的效果。
这当然有它的优点,要不然谁还大费周折搞什么托管。
google有着遍布世界各地的DNS服务器,这便成了它可以做为托管的有利条件。
比如我买了个国 外的域名空间,在北京访问的时候,通过DNS得到国外服务器上的资源,也许这个服务器很忙所以准备呆会再理我,也许这个服务器传输资源的路径很慢。
但是通 过google的DNS服务器,可以为我分配一个最近而且不那么忙的服务器为我提供托管在它上面的js库,这样可以提高加载的速度。
除了上面说的google拥有分布各地的DNS服务器,使用google托管还有一个好处就是有效地使用缓存。
回到第一个问题,我在访问了a.html之 后又去访问一个名为b.html地文件
b.html引用了http://www.XXX.com/b/jquery.js,假设这两个 jquery版本是一样的
那么我在访问b.html,浏览器发现缓存里没有www.XXX.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的这些服务器大概也早被某些怀旧的人买下来依旧供人们共享吧,但愿吧。
所谓托管就是人家帮你管,个随人愿,还是看站长们自己抉择吧!
---------------------------------------------------------------------------------------------------
常用引用方法:
<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="jquery.js"></script>');</script>
注释:引用google托管Jquery,不成功则使用本地Jquery。
常用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>
最新版(last):
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>