閃光區
demo當選微軟2009年度第三季最有價值專家
demo獲得藍色小舖2009高級專家認證
demo獲得藍色小舖2009資訊專家貢獻獎
認證徽章
工商時間
 
demo小鋪

利用 Google AJAX Libraries API 載入 JS

利用Google來幫我們載入常用的 JavaScript 函示庫比如jQuery、jQuery UI、Prototype、script.aculo.us、MooTools、Dojo、WFObject、Yahoo! User Interface Library (YUI),好處在於不需要注意新版本,呼叫簡單,快來參考看看吧

比如說我今天要使用jQuery1.2.6版就在網頁上加上

  1. <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  2. <script type="text/javascript" language="javascript"> 
  3. google.load("jquery", "1.2.6"); 
  4. </script> 

 


那如果還要再載入jqueryui那也就是多個load而已

  1. <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  2. <script type="text/javascript" language="javascript"> 
  3. google.load("jquery", "1.2.3"); 
  4. google.load("jqueryui", "1.5.3"); 
  5. </script> 

 


如果說我希望載入最新版本就可以這樣寫

  1. <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
  2. <script type="text/javascript" language="javascript"> 
  3. google.load("jquery", "1.2"); 
  4. </script> 

因為我只寫了1.2所以1.2.x的版本都會載入(最新那個)這樣子我們就不用常去煩惱到底更新了沒,對於網頁佈署來說十分的方便好用

 

Google的說明頁面【按我觀看

 

http://blog.miniasp.com/post/2008/10/Consider-using--Google-AJAX-Libraries-API-when-deploying-website.aspx

 
 
加入此網頁到:Google Bookmarks
加入此網頁到:Yahoo! My Web
加入此網頁到:Baidu
加入此網頁到:MyShare
加入此網頁到:udn
加入此網頁到:furl
加入此網頁到:Del.icio.us
加入此網頁到:YouPush
加入此網頁到:Digg
加入此網頁到:你推我報
加入此網頁到:technorati
加入此網頁到:HemiDemi
 
相關的文章(隨機)

將本文推到 Plurk
將本文推到 Facebook
將本文推到 Twitter
將本文產生 PDF 保存
 

網友留言

http://blog.joytown.tw
發表於:2009-08-07
WordPress 2.7+以後內建了jQuery UI
2.8版又更新為最新的1.3.2版,連Google AJAX Libraries都省掉了。XD

用這招的好處是可以隨時的更新版,以及示範網站的時候不用附帶js檔


eddie
發表於:2008-12-15
這個功能很好用,我也是用這種方法載入JQUERY,但是有一個要注意的問題,因為這種方法是所有JS載入後才LOAD所需JS,所以會有載入的先後問題,例如你去下了一個需要JQUERY套件的JS,可能就會有載不進來的風險.一般都要去改寫其他的JS.

感謝你的經驗提供,jQuery我才剛碰還有很多東西沒遇到呢

新增評論
* 暱稱
E-mail (本站使用Gravatar頭像E-mail不會顯示於網站上)
不填寫email將不會收到回覆通知。
網站
* 評論
不打勾才可留言
demo小鋪
 .