關於dom ready事件

0.載入完頁面，解析完所有標籤（不包括執行css和js），並如規範中所說的設定 interactive 和執行每個靜態的script標籤中的js，然後觸發。

1.沒有js，有css，有img，domcontentloaded事件不直接等待css檔案、的載入完成

2.有js，沒有css，有img，domcontentloaded事件需要等待js執行完才觸發

3.有js，而且js前面有css，沒有img，domcontentloaded事件需要等待css載入完，js執行完才觸發

總結：domcontentloaded依賴js執行完，js執行依賴css載入完。

tips：img展現，依賴css載入完，不依賴js執行完。

參考：

關於dom ready事件

0.載入完頁面，解析完所有標籤 不包括執行css和js 並如規範中所說的設定 interactive 和執行每個靜態的script標籤中的js，然後觸發。1.沒有js，有css，有img，domcontentloaded事件不直接等待css檔案 的載入完成 2.有js，沒有css，有img，domc...

domReady原始碼解析

步驟一 建立乙個自執行函式 將函式執行後的返回值賦值給domready var domready function if document.readystate complete 頁面載入完 繫結的執行函式 function pageloaded window物件存在的執行函式 function c...

Js框架設計之DomReady

一 在介紹domready之前,先了解下相關的知識 1 html是一種標記語言,告訴我們這頁面裡面有什麼內容,但是行為互動則要通過dom操作來實現,但是注意 不要把尖括號裡面的內容看作是dom 2 html是要通過瀏覽器解析之後才會轉換成為dom節點 一般地,但我們向瀏覽器中輸入乙個位址,開始載入頁...