小編給大家分享一下jquery中ready與load事件的區(qū)別是什么,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊(cè)、虛擬主機(jī)、營(yíng)銷軟件、網(wǎng)站建設(shè)、梁山網(wǎng)站維護(hù)、網(wǎng)站推廣。ready與load誰(shuí)先執(zhí)行:
大家在面試的過程中,經(jīng)常會(huì)被問到一個(gè)問題:ready與load那一個(gè)先執(zhí)行,那一個(gè)后執(zhí)行?答案是ready先執(zhí)行,load后執(zhí)行。
DOM文檔加載的步驟:
要想理解為什么ready先執(zhí)行,load后執(zhí)行就要明白DOM文檔加載的步驟:
(1) 解析HTML結(jié)構(gòu)。
(2) 加載外部腳本和樣式表文件。
(3) 解析并執(zhí)行腳本代碼。
(4) 構(gòu)造HTML DOM模型。//ready
(5) 加載圖片等外部文件。
(6) 頁(yè)面加載完畢。//load
從一個(gè)文檔的執(zhí)行步驟可以明白,ready是從[第四步]完成后開始執(zhí)行,而load是從[第六步]完成后才開始執(zhí)行
ready事件:
ready事件在DOM結(jié)構(gòu)繪制完成之后就繪執(zhí)行。這樣能確保就算有大量的媒體文件沒加載出來(lái),JS代碼一樣可以執(zhí)行。
load事件:
load事件必須等到網(wǎng)頁(yè)中所有內(nèi)容全部加載完畢之后才被執(zhí)行。如果一個(gè)網(wǎng)頁(yè)中有大量的圖片的話,則就會(huì)出現(xiàn)這種情況:網(wǎng)頁(yè)文檔已經(jīng)呈現(xiàn)出來(lái),但由于網(wǎng)頁(yè)數(shù)據(jù)還沒有完全加載完畢,導(dǎo)致load事件不能夠即時(shí)被觸發(fā)。
看完了這篇文章,相信你對(duì)jquery中ready與load事件的區(qū)別是什么有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝各位的閱讀!