1. 程式人生 > >ducument ready 和document load的區別

ducument ready 和document load的區別

頁面載入完成有兩種事件:ready和load

首先了解一下DOM文件是如何解析的:

1、解析html結構

2、載入指令碼和樣式檔案

3、解析並執行指令碼

4、構造html的DOM模型 //ready

5、載入圖片等外部資原始檔

6、頁面載入完畢 //load

所以ready會比load先執行。ready是在DOM結構載入完成後執行,而load是在所有的指令碼、樣式、圖片等資原始檔載入完成後才能執行。另外原生js中並沒有ready方法,只有load方法就是onload事件。Jquery才有,jquery中有 $().ready(function)。