當前位置:才華齋>設計>網頁設計>

jQuery中的read和JavaScript中的onload函式的區別在哪

網頁設計 閱讀(3.11W)

在JavaScript中,onload函式是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函式的作用就是等待網頁完全裝載完了以後再去執行程式碼塊內的語句,因為按照文件流的執行順序,通常用於頭部載入JavaScript的`時候需要用到

jQuery中的read和JavaScript中的onload函式的區別在哪

複製程式碼 程式碼如下:

ad = function(){

// 當網頁載入完成後執行這裡的程式碼塊

};

而在jQuery中也有一個對應的函式,即等待網頁載入完後執行程式碼塊

複製程式碼 程式碼如下:

$(document)y(function(){

// 當網頁載入完成後執行這裡的程式碼塊

});

以上這兩個看似一樣的功能,但實際有很大的區別。

onload不僅在建立DOM樹之後,而且在所有外部資源全部載入完畢,並且整個頁面在瀏覽器視窗中顯示完畢之後,才會執行。這些資源不僅包括圖片資源,而且包括嵌入在頁面上的flash視訊,如果圖片或者flash過多,那麼會一段很長載入時間,也就意味這延遲執行程式碼塊的時間會更多。

jQuery中的ready()方法只需要等待文件結構被完全解析並且瀏覽器已經把HTML轉化為DOM樹後就會執行程式碼塊,這裡注意的是僅僅是DOM,網頁中的圖片,flash等外部資源都毫無關聯。

由此可見jQuery中的ready()方法將縮短等待時間。

當然還有另外一種方式,就是把指令碼都在標籤後面,這樣的話網頁按照文件流順序執行,也會達到JavaScript中onload或者jQuery中ready()效果,並且這中方式將更快的展現網頁內容。