HTML5-常見的事件- DOMContentLoaded事件

標籤：

一般我們監聽文檔是否載入完成是使用 window的load事件，該事件會在頁面中的一切載入完畢時觸發，但這個過程可能會因為要載入的外部資源過多而等待時間過長。

　　DOMContentLoaded事件：則在形成完整DOM樹之後就會觸發，不理會映像、JavaScript檔案、CSS檔案或其他資源是否已經下載完成。

　　DOMContentLoaded ：好處就是可以在頁面下載早起就可以添加事件處理常式，這樣意味著使用者能夠儘早地與頁面進行互動。

 

添加DOMContentLoaded事件如下：

　　

　　 EventUtil.addHandler(window, "DOMContentLoaded", function (event) {      alert("DOMContentLoaded"); //DOMContentLoaded    });    EventUtil.addHandler(window, "load", function (event) {        alert("load"); //load    })

//DOMContentLoaded
//load
DOMContentLoaded 其target屬性為 document

目前相容性: IE9+\Firefox\Chrome\Safari3.1+\Opera9+

HTML5-常見的事件- DOMContentLoaded事件