事件DOMContentLoaded和load的區別

區別是:觸發的時機不同，先觸發DOMContentLoaded事件，後觸發load事件。

DOM文檔加載的步驟爲

1,解析HTML結構。
2,DOM樹構建完成。//DOMContentLoaded
3,加載外部腳本和樣式表文件。
4,解析並執行腳本代碼。
5,加載圖片等外部文件。
6,頁面加載完畢。//load
在第2步，會觸發DOMContentLoaded事件。在第6步，觸發load事件。

可參考
https://developer.mozilla.org...

---

用原生js能夠這麼寫

// 不兼容老的瀏覽器，兼容寫法見[jQuery中ready與load事件](http://www.imooc.com/code/3253)，或用jQuery
document.addEventListener("DOMContentLoaded", function() {
   // ...代碼...
}, false);

window.addEventListener("load", function() {
    // ...代碼...
}, false);

用jQuery這麼寫

// DOMContentLoaded
$(document).ready(function() {
    // ...代碼...
});

//load
$(document).load(function() {
    // ...代碼...
});