使用Google CDN Host 的 Javascript Library – jQuery

首頁 > JQUERY > 使用Google CDN Host 的 Javascript Library – jQuery

使用Google CDN Host 的 Javascript Library – jQuery

2009年5月15日 DoReMiCat 發表評論閱讀評論

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 的使用方式, 其它可再自行看說明.

官方主頁: AJAX Libraries API – Google Code
各種 AJAX Library 的路徑整理及說明: Developer’s Guide – AJAX Libraries API – Google Code
使用方式有下述兩種:

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

靜態載入
jQuery路徑: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

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

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

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

動態載入
jQuery & jQuery UI 動態載入:

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

此篇文章參考至Tsung’s Blog