使用Google CDN服務提供的jQuery庫

來源:互聯網
上載者:User

jQuery,讓我們控制頁面元素更加方便快捷,讓我們在編寫js的時候不需要過多地考慮瀏覽器特性問題了。但是jQuery功能越強大,它本身的檔案也越大。在做網站最佳化的時候,通常會通過最佳化js、css和圖片檔案能擠出來的幾百k尺寸的下載量.

Google挺夠意思,就提供了jQuery庫,通過使用Google提供的jQuery庫,Google的伺服器和線路品質那自然是不在話下的。即提高了下載速度又減少了自己伺服器的並發串連數。

用起來也很簡單,直接在網頁裡引用Google伺服器上的相關js檔案就可以了。不過,如果引用多個js,就要插入多段的script。Google也提供了相應的辦法,那就是google load。我們只需要在頁面裡引用一個js檔案,就可以根據需要即時載入用到的js庫了。

首先在頁頭部分加入以下這行代碼:
< script type="text/javascript" src="http://www.google.com/jsapi"></script>

載入jQuery,可以這樣使用:
google.load("jquery","1.3.2");

這樣我們就從Google的最近的CDN鏡像上載入了jQuery 1.3.2版的js庫,接下來就可以正常寫js代碼了。不過,即使是Google的CDN鏡像,下載也畢竟是需要時間的,萬一程式碼程式庫還沒有下載完而瀏覽器已經解釋到了下面的代碼了怎麼辦?我們可以設定在js庫載入完以後才開始執行js:
google.setOnLoadCallback(function(){//要執行的代碼});
更多有關google jsapi的相關介紹和文檔,可以參考:google AJAX 庫 API

除了jQuery,Google還提供供了以下這些js架構/庫的API:
jQuery UI
Prototype
script.aculo.us
MooTools

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.