document.ready和onload的區別

頁面加載完成有兩種事件,一是ready,表示文檔結構已經加載完成(不包含圖片等非文字媒體文件),二是onload,指示頁面包含圖片等文件在內的所有元素都加載完成。

一般情況下一個頁面響應加載的順序是,域名解析-加載html-加載js和css-加載圖片等其他信息。

1. Dom Ready應該在“加載js和css”和“加載圖片等其他信息”之間,就可以操作Dom了。
2. Dom Load 在document文檔加載完成後就可以可以對DOM進行操作,document文檔包括了加載圖片等其他信息。Dom Load就是在頁面響應加載的順序中的“加載圖片等其他信息”之後,就可以操作Dom了

最常用的例子說明Dom Ready和Dom Load兩者的區別
1. Dom Ready是在dom加載完成後就可以直接對dom進行操作,比如一張圖片只要<img>標籤完成,不用等這個圖片加載完成,就可以設置圖片的寬高的屬性或樣式等
2. Dom Load是在整個document文檔(包括了加載圖片等其他信息)加載完成後就可以直接對dom進行操作,比如一張圖片要等這個圖標加載完成之後才能設置圖片的寬高的屬性或樣式等;

發佈了36 篇原創文章 · 獲贊 1 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章