轉：Google jsAPI託管你的js庫

現在很多人都已經開始習慣於基於各種各樣的JS庫來編寫自己的Javascript，其中尤其以jQuery最多。別的不說，有了jQuery，至 少讓我們控制頁面元素更加方便快捷，讓我們在編寫js的時候不需要過多地考慮瀏覽器特性問題了。

 但是jQuery功能越強大，它本身的檔案也越大。雖然如今的互連網頻寬是越來越寬，速度是越來越快。但是做網頁的卻一個個越來越在意自己的頁面 大小、圖片大小、css大小、js大小。其實相對於伺服器的運行效率、機房頻寬和線路品質，通過最佳化js、css和圖片檔案能擠出來的幾百k尺寸的下載 量，在下載速度的提高上實在是太有限了。不過話說回來，做開發的做設計的，就是要有這樣的精神，才不會讓自己的作品像微軟的作業系統一樣，越來越龐大。從 15張磁碟片到半張CD，到一張CD，直到兩張CD，最後一張DVD……

在我們的js中，最大的一般還是js庫，畢竟具體的功能實現只需要寫一點點代碼而已。但是js庫裡那麼多用到的沒用到的東西，還是有點份量的。我們 又想用，又嫌它大。怎麼辦呢？拆成很多個吧，多一個js還多一個並發串連呢…… 幸好，google挺夠意思，號稱“永久提供”常見js庫，google的伺服器和線路品質那自然是不在話下的。即提高了下載速度又減少了自己伺服器的並 發串連數。不用就是傻子了。

用起來也很簡單，直接在網頁裡引用google伺服器上的相關js檔案就可以了。不過，如果引用多個js，就要插入多段的script。現在像我這樣代碼 能少一個字算一個字的人不少。google也提供了相應的辦法，那就是google load。我們只需要在頁面裡引用一個js檔案，就可以根據需要即時載入用到的js庫了。首先在頁頭部分加入以下這行代碼：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

這就足夠了，google提供了以下這些js架構/庫的API：

jQuery

jQuery UI

Prototype

script.aculo.us

MooTools

Dojo

而且google的API中包括這些js架構/庫的所有正式發布版。你可以根據自己的需要來選擇。以jQuery為例，我們可以這樣使用：

<script type="text/javascript">  google.load("jquery", "1.3.2");//載入jQuery 1.3.2 
</script> 

這樣我們就從google的最近的CDN鏡像上載入了jQuery 1.3.2版的js庫，接下來就可以正常寫js代碼了。不過，即使是google的CDN鏡像，下載也畢竟是需要時間的，萬一程式碼程式庫還沒有下載完而瀏覽器 已經解釋到了下面的代碼了怎麼辦？我們可以設定在js庫載入完以後才開始執行js：

<script type="text/javascript">    google.load("jquery", "1.3.2"); //載入jQuery 1.3.2    google.setOnLoadCallback(function() {//載入完成後執行代碼        $("body").html("Hello World!");
    });
</script>

來自: http://hi.baidu.com/kaixinguodu/blog/item/450a82ef44ff281cfcfa3cdf.html