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

Question

DOMContentLoaded

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/