使用 Google CDN Host 的 Javascript Library - jQuery

雖然這不算新聞, 不過經常要查詢使用, 還是紀錄一下.

Google 幫目前當紅的 Javascript Framework 都做 Host, 而且透過他的 CDN(Content Delivery Network), 讓全球抓取此 Library 的速度都跟抓當地網站檔案一樣快.

目前 Google Host 的 AJAX Library 有: jQuery, jQuery UI, Prototype, script.aculo.us, MooTools, Dojo 等. (文件上寫的, 除了 YUI 沒 Host 外, 大概都有了.)

使用方式

下面只紀錄 jQuery 的使用方式, 其它可再自行看說明.

使用方式有下述兩種:

註: 單純使用 jQuery, 可以不用載入 jQuery UI.

靜態載入
  • jQuery 路徑: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js (我都用這個. :P)

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

  • jQuery UI 路徑: http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js"></script>

動態載入

jQuery & jQuery UI 動態載入:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" language="javascript">
google.load("jquery", "1.2");
google.load("jqueryui", "1.5.2"); // 不用 jQuery UI 可以不用此行
</script>

實際上, Google 也是有幫 YUI Host 的, 詳見: Google Hosting YUI Files on ajax.googleapis.com

不過, YUI 還是交給 Yahoo! Host 吧~ YUI 的詳細 Host 設定資訊可見: Serving YUI Files from Yahoo! Servers

相關網頁

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

在〈使用 Google CDN Host 的 Javascript Library - jQuery〉中有 8 則留言

  1. 嗯嗯, 我是看到 YUI Blog 有貼這個, 但是 YUI 應該還是交給 Y! Host 會比較好, Y! 有做很多客製化的設定, 可以讓 User 抓到的檔案比較小一點~ (不過他們也只針對 YUI 做)

  2. 謝謝您的分享,

    請問這篇能夠借我放在自己的部落格裡作為筆記嗎?
    (拿來防止我自己老人癡呆 ˇ__ˇ")
    我會註明出處的。

    如果不方便的話也請跟我說,謝謝你~

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料