現(xiàn)在很多人都已經(jīng)開始習慣于基于各種各樣的JS庫來編寫自己的Javascript,其中尤其以jQuery最多。別的不說,有了jQuery,至 少讓我們控制頁面元素更加方便快捷,讓我們在編寫js的時候不需要過多地考慮瀏覽器特性問題了。
但是jQuery功能越強大,它本身的文件也越大。雖然如今的互聯(lián)網(wǎng)帶寬是越來越寬,速度是越來越快。但是做網(wǎng)頁的卻一個個越來越在意自己的頁面 大小、圖片大小、css大小、js大小。其實相對于服務器的運行效率、機房帶寬和線路品質,通過優(yōu)化js、css和圖片文件能擠出來的幾百k尺寸的下載 量,在下載速度的提高上實在是太有限了。不過話說回來,做開發(fā)的做設計的,就是要有這樣的精神,才不會讓自己的作品像微軟的操作系統(tǒng)一樣,越來越龐大。從 15張軟盤到半張CD,到一張CD,直到兩張CD,最后一張DVD……
在我們的js中,最大的一般還是js庫,畢竟具體的功能實現(xiàn)只需要寫一點點代碼而已。但是js庫里那么多用到的沒用到的東西,還是有點份量的。我們 又想用,又嫌它大。怎么辦呢?拆成很多個吧,多一個js還多一個并發(fā)連接呢…… 幸好,google挺夠意思,號稱“永久提供”常見js庫,google的服務器和線路品質那自然是不在話下的。即提高了下載速度又減少了自己服務器的并 發(fā)連接數(shù)。不用就是傻子了。
用起來也很簡單,直接在網(wǎng)頁里引用google服務器上的相關js文件就可以了。不過,如果引用多個js,就要插入多段的script?,F(xiàn)在像我這樣代碼 能少一個字算一個字的人不少。google也提供了相應的辦法,那就是google load。我們只需要在頁面里引用一個js文件,就可以根據(jù)需要實時加載用到的js庫了。首先在頁頭部分加入以下這行代碼:
<scripttype="text/javascript"src="http://www.google.com/jsapi"></script>
這就足夠了,google提供了以下這些js框架/庫的API:
而且google的API中包括這些js框架/庫的所有正式發(fā)布版。你可以根據(jù)自己的需要來選擇。以jQuery為例,我們可以這樣使用:
<scripttype="text/javascript">google.load("jquery","1.3.2");//加載jQuery 1.3.2</script>
這樣我們就從google的最近的CDN鏡像上加載了jQuery 1.3.2版的js庫,接下來就可以正常寫js代碼了。不過,即使是google的CDN鏡像,下載也畢竟是需要時間的,萬一代碼庫還沒有下載完而瀏覽器 已經(jīng)解釋到了下面的代碼了怎么辦?我們可以設定在js庫加載完以后才開始執(zhí)行js:
<scripttype="text/javascript">google.load("jquery","1.3.2");//加載jQuery 1.3.2google.setOnLoadCallback(function() {//加載完成后執(zhí)行代碼$("body").html("Hello World!"); });</script>
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站,并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底,使您的網(wǎng)站無需額外費用,即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設。
