Jquery .ready()vs window.onload

Question

在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);