DOMContentLoaded 和 document.onload 事件是否相同？

Question

已加載 DOM 內容

document.addEventListner('DOMContentLoaded',function(){

})

文件加載

document.onload(function(){

});

DOMContentLoaded 和 document.onload 事件是否相同

Answer 1

語法應該是（正如評論指出的那樣）：

document.onload = function(){};

我認為它只有在針對這樣的元素時才有效：

document.getElementById('image').onload = function(){};

它將函數分配給 onload 處理程序。

然而

document.addEventListener('DOMContentLoaded', function(){})

在觸發之前等待 DOM 准備就緒，這意味着無法加載圖像、iframe 等。

Answer 2

可能對某人有用

source : DOMContentLoaded 和 load 事件之間的區別

DOMContentLoaded==window.onDomReady()

Load==window.onLoad()

在文檔“准備好”之前，無法安全地操作頁面。jQuery 會為您檢測到這種准備狀態。 $( document ).ready() 中包含的代碼只會在頁面文檔對象模型 (DOM) 准備好執行 JavaScript 代碼時運行。 包含在 $( window ).load(function() { ... }) 中的代碼將在整個頁面（圖像或 iframe）准備好后運行，而不僅僅是 DOM。

請參閱： http : //learn.jquery.com/using-jquery-core/document-ready/