什么是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.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>