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
posted on 2010-03-22 15:24
becket_zheng 閱讀(236)
評論(0) 編輯 收藏 所屬分類:
網頁web前端技術