jQuery 中 $(document).ready() 和 $(window).load() 之间的区别？ [复制]答案

【问题标题】：Difference between $(document).ready() and $(window).load() in jQuery? [duplicate]jQuery 中 $(document).ready() 和 $(window).load() 之间的区别？ [复制]
【发布时间】：2014-04-02 15:35:15
【问题描述】：

有什么区别

$(document).ready(function(){});

与

$(window).load(function(){});

【问题讨论】：

发帖前你有没有搜索过这个？
请花一些时间搜索现有的帖子，然后再发布新帖子。如您所见，有许多可能的重复项。
简单的术语，当文档准备好或（DOM）时触发文档。当窗口准备好时，窗口.load 会触发。例如，在 chrome 中，在窗口准备好之前，您无法使用 jQuery 方法（例如 .width() 或 .height()）获得正确的 css 尺寸。
没有区别，两者绝对没有效果，绑定空handler...
@Lix Stackoverflow 需要让重复的问题更能引起发帖者的注意。可能更大并用颜色突出显示。也许添加一两个箭头。

标签： jquery

【解决方案1】：

来自docs：

包含在 $( document ).ready() 中的代码只会在页面运行一次文档对象模型 (DOM) 已准备好执行 JavaScript 代码。 $( window ).load(function() { ... }) 中包含的代码将运行一旦整个页面（图像或 iframe），而不仅仅是 DOM，都准备好了。

【讨论】：

+1 因为我猜 OP 不知道 jQuery 有一些公开的文档；）