Question

JS 页面加载触发事件 document.ready和onload的区别

Answer 1

document并无ready成员。

你说的应该是jQuery的

$( document ).ready()

方法吧？

当DOM树加载完成时，document会触发一个事件：DOMContentLoaded。

此时并未渲染完成。

文档还需继续载入可视区域的图片，ActiveX控件等。

当这些DOM树之外的东西全部加载完成后，才会触发load事件，此时如果注册了处理器（如指定onload方法），才进行调用。

Answer 2

ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）；
onload，指示页面包含图片等文件在内的所有元素都加载完成。