jquery - jQuery中的document.load和window.ready有什么区别

Question

以下有什么区别。

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

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

Answer 1

document.ready 在文档本身完成加载时发生， window.load 在加载所有资产时发生。

Answer 2

当 HTML 文档被加载并且 DOM 准备就绪时，文档就绪事件已经执行，即使所有的图形还没有加载。如果您想在窗口加载之前为某些元素连接事件，那么 $(document).ready 是正确的地方。

窗口加载事件在整个页面完全加载后执行，包括所有框架、对象和图像。因此，涉及图像或其他页面内容的功能应放置在窗口或内容标签本身的加载事件中

Answer 3

load 在所有资产（包括图像）完成加载后调用。当 DOM 准备好交互时触发 ready。