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/