我应该使用window.load还是document.ready jquery

最近我看到你可以使用其中之一

$('document').ready(function() { //Do Code });

要么

 $('window').load(function() { //Do Code });

对于jQuery。

但是，它们对我来说似乎是一样的！但显然不是。

所以我的问题是：我应该使用哪一个基于动画和异步的网站？而且两者中哪一个通常更好用？

谢谢。

$('document').ready DOM准备好时运行代码，但不是在页面本身已加载时运行，也就是说，网站尚未绘制，并且尚未加载像图像这样的内容。

$(window).load在绘制页面并加载所有内容时运行代码。当您需要获取图像的大小时，这会很有用。如果图像没有样式或宽度/高度，除非使用$(window).load否则无法获得其大小。

首先，您可能需要考虑使用“ready”事件，您可以像这样处理：

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

或者，更简洁和惯用：

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

“load”处理程序实际上与实际事件有关，可以在几种不同类型的元素上处理：例如和。文档或窗口级别的“加载”事件在加载所有页面资源时发生。然而，（在一些浏览器中合成的）“就绪”事件发生在页面DOM准备好但可能在诸如内容之类的事情之前。

另一种选择是简单地将标签放在的最末端，或者甚至放在。这样脚本就可以使用整个DOM，但是您不必担心任何类型的事件处理。