I.T. Blogs - Hong Kong Silicon - http://www.hksilicon.com/kb
使用 Google CDN Host 的 Javascript Library - jQuery
http://www.hksilicon.com/kb/articles/1647/1/-Google-CDN-Host--Javascript-Library---jQuery/Page1.html
Tsung Hao
對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
Blog: http://plog.longwin.com.tw
 
By Tsung Hao
Published on 21 November 2008
 
雖然這不算新聞, 不過經常要查詢使用, 還是紀錄一下.

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


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

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

相關網頁