Jquery .ready（）vs window.onload

在window.onload上使用Jquery ready（）函数有什么好处吗？

// Jquery ready $(document).ready(function() { }); // window.onload window.onload = function () { } 

Answer 1

取决于你想做什么。

• jQuery ready将在HTML准备就绪时运行您的代码，但在图像和其他资源完成之前。 这是您可以使用JavaScript更改DOM的最早时间，因此它被广泛使用。 （在现代浏览器中，它被原生事件DOMContentLoaded取代）。
• window.onload （ load事件）在所有内容加载完成后运行。 图像，Flash和一些脚本，但通常不是样式表。 将此用于仅在页面不再更改时才应运行的代码。

此外，使用window.onload您只能附加一个侦听器，但您可以随意添加jQuery。 要在window.onload上附加多个事件，请使用addEventListener ：

 window.addEventListener('load', function () { }, false); 

Answer 2

是的，window.onload允许您只有一个监听器。 jQuery就像你想要的那样附加了许多听众。

Answer 3

Windows.onload将等待包含图像的页面上的所有内容加载。 加载html后，Document.ready将立即触发。