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

2025-04-24 10:49:59
推荐回答(2个)
回答1:

document并无ready成员。

你说的应该是jQuery的

$( document ).ready()

方法吧?


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

此时并未渲染完成。

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

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

回答2:

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