window.onload vs. body.onload vs. document.onready [重复]

Posted

技术标签:

【中文标题】window.onload vs. body.onload vs. document.onready [重复]【英文标题】:window.onload vs. body.onload vs. document.onready [duplicate] 【发布时间】:2011-03-29 06:59:57 【问题描述】:

window.onloaddocument.onreadybody.onload 有什么区别?

【问题讨论】:

This 会帮助你...祝你好运! :) 为什么这被标记为重复?这甚至没有提到 jQuery,而另一个在标题中有它(ready 仅是 jQuery)。 同意西罗。 *** 上有太多人认为 javascript === jQuery。 完全同意你们的看法。投票重新提出问题。 可能是因为将 jQuery 包裹起来对不同事件的含义没有影响。 【参考方案1】:

window.onload 将等待所有资源完成下载,例如图像和脚本。

DOM 就绪等待,直到您可以通过 API 访问 DOM。

附带说明一下,在这个时代,您应该使用 window.addEventListener('load', function() , false)attachEvent() 来处理旧版 IE。

【讨论】:

我认为 jQuery 的 DOM 就绪功能也会在触发之前等待脚本加载,不是吗? 但它不适用于 Chrome、Safari 和 Opera。这些浏览器是否有 window.onload 的替代品? @william: window.addEventListener('load', function() , false). 是的。 DOMContentLoaded 内存中的事件。 你所说的“在这个时代”是指将脚本执行推迟到在 IE8 上加载应该是可以接受的(因为 IE6-7 或多或少已成为过去)?

以上是关于window.onload vs. body.onload vs. document.onready [重复]的主要内容,如果未能解决你的问题,请参考以下文章

window.onload 与 document.onload

window.onload 与 document.onload

js的 window.load 和window.onload 有啥区别

window.onload和$的区别介绍

js window.onload 加载多个函数和追加函数详解

window.onload 添加多个函数绑定