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

　　在JavaScript中，onload函數是最經(jīng)常使用的，幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個(gè)函數的作用就是等待網(wǎng)頁(yè)完全裝載完了以后再去執行代碼塊內的語(yǔ)句，因為按照文檔流的執行順序，通常用于頭部加載JavaScript的時(shí)候需要用到。

　　復制代碼 代碼如下:

　　window.onload = function(){

　　// 當網(wǎng)頁(yè)加載完成后執行這里的代碼塊

　　};

　　而在jQuery中也有一個(gè)對應的函數，即等待網(wǎng)頁(yè)加載完后執行代碼塊

　　復制代碼 代碼如下:

　　$(document).ready(function(){

　　// 當網(wǎng)頁(yè)加載完成后執行這里的代碼塊

　　});

　　以上這兩個(gè)看似一樣的功能，但實(shí)際有很大的區別。

　　onload不僅在創(chuàng )建DOM樹(shù)之后，而且在所有外部資源全部加載完畢，并且整個(gè)頁(yè)面在瀏覽器窗口中顯示完畢之后，才會(huì )執行。這些資源不僅包括圖片資源，而且包括嵌入在頁(yè)面上的flash視頻，如果圖片或者flash過(guò)多，那么會(huì )一段很長(cháng)加載時(shí)間，也就意味這延遲執行代碼塊的時(shí)間會(huì )更多。

　　jQuery中的ready()方法只需要等待文檔結構被完全解析并且瀏覽器已經(jīng)把HTML轉化為DOM樹(shù)后就會(huì )執行代碼塊，這里注意的是僅僅是DOM，網(wǎng)頁(yè)中的圖片，flash等外部資源都毫無(wú)關(guān)聯(lián)。

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

　　當然還有另外一種方式，就是把腳本都在標簽后面，這樣的話(huà)網(wǎng)頁(yè)按照文檔流順序執行，也會(huì )達到JavaScript中onload或者jQuery中ready()效果，并且這中方式將更快的展現網(wǎng)頁(yè)內容。

【jQuery中的read和JavaScript中的onload函數的區別】相關(guān)文章：

淺析jQuery 遍歷函數javascript08-06

JavaScript中push(),join() 函數實(shí)例詳解09-05

PHP中的排序函數區別分析08-23

jQuery中parent()和siblings()的問(wèn)題10-16

jQuery 源碼分析和Ready函數06-28

Javascript函數的定義和用法分析08-15

jQuery中prev()方法用法07-16

jQuery中replaceAll()方法用法10-15

JavaScript中的with關(guān)鍵字07-24

在Java中執行JavaScript代碼07-14