jquery的$(document).ready()和onload的加載順序

最近在改一個(gè)嵌入在frame中的頁(yè)面的時(shí)候，使用了jquery做效果，而頁(yè)面本身也綁定了onload事件。改完后，F(xiàn)irefox下測(cè)試正常流暢，IE下就要等個(gè)十幾秒jquery的效果才出現(xiàn)，黃花菜都涼了。

起初以為是和本身onload加載的方法沖突。網(wǎng)上普遍的說(shuō)法是$(document).ready()是在頁(yè)面DOM解析完成后執(zhí)行，而onload事件是在所有資源都準(zhǔn)備完成之后才執(zhí)行，也就是說(shuō)$(document).ready()是要在onload之前執(zhí)行的，尤其當(dāng)頁(yè)面圖片較大較多的時(shí)候，這個(gè)時(shí)間差可能更大。可是我這頁(yè)面分明是圖片都顯示出來(lái)十幾秒了，還不見jquery的效果出來(lái)。

刪了onload加載的方法試試，結(jié)果還是一樣，看來(lái)沒有必要把原本的onload事件綁定也改用$(document).ready()來(lái)寫。那是什么原因使得Firefox正常而IE就能呢?接著調(diào)試，發(fā)現(xiàn)IE下原來(lái)綁定的onload方法竟然先于$(document).ready()的內(nèi)容執(zhí)行，而Firefox則是先執(zhí)行$(document).ready()的內(nèi)容，再執(zhí)行原來(lái)的onload方法。這個(gè)和網(wǎng)上的說(shuō)法似乎不完全一致啊，呵呵，有點(diǎn)意思，好像越來(lái)越接近真相了。

翻翻jquery的源碼看看$(document).ready()是如何實(shí)現(xiàn)的吧：

結(jié)果很明了了，IE只有在頁(yè)面不是嵌入frame中的情況下才和Firefox等一樣，先執(zhí)行$(document).ready()的內(nèi)容，再執(zhí)行原來(lái)的onload方法。對(duì)于嵌入frame中的頁(yè)面，也只是綁定在load事件上執(zhí)行，所以自然是在原來(lái)的onload綁定的方法執(zhí)行之后才輪到。而這個(gè)頁(yè)面中正好在測(cè)試環(huán)境下有一個(gè)訪問(wèn)不到的資源，那十幾秒的延遲正是它放大出的時(shí)間差。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)