窗口和文档之间的加载/就绪事件的差异

Question

$(window).ready(function(){})和$(document).ready(function(){})?之间有区别$(document).ready(function(){})?

如果是这样，它是什么？

同样， $(window).load(function(){});之间的区别是什么$(window).load(function(){}); 和$(document).load(function(){}); ？

Answer 1

在研究这个和其他“准备好”的问题时，我想我已经找到了这个问题的不同之处。

这是jQuery中的ready函数处理程序。

ready: function( fn ) {
    // Attach the listeners
    jQuery.bindReady();
    // Add the callback
    readyList.add( fn );
        return this;
},

看起来好像你可以在这个函数中添加任何元素（甚至是完整的乱码），它的回调将被添加到readyList中。 当文档准备就绪时，它似乎会触发readyList中的所有回调，无论它们是否是文档的一部分。

看一下这个小提琴的例子： http ： //jsfiddle.net/w5k5t/2/

我还没有完全测试这些现成调用的命令，但是对代码的简要检查使我相信它们将按照添加回调的顺序同步执行。

因此，$（document）.ready和$（window）.ready是同义词，就像$（'aoeuaoeuaoeu'）.ready是同义词，并且每个都可能按照声明的顺序触发。

Answer 2

文档就绪事件在加载HTML文档并且DOM准备就绪时已经执行，即使所有图形尚未加载。
窗口加载事件稍后在完整加载完整页面时执行，包括所有帧，对象和图像。 因此，涉及图像或其他页面内容的功能应该放在窗口或内容标签本身的加载事件中。

参考link1 link2