DOMContentLoaded和load的區別

這兩個事件的區別是觸發時機不同，先觸發DOMContentloaded，再觸發load事件。

dom文件加載的步驟爲：

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

在第2步，會觸發DOMContentLoaded事件。在第6步，觸發load事件。

// 原生js監聽
document.addEventListener("DOMContentLoaded", function() {
   // ...代碼...
}, false);

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

// jquery監聽

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

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