onload与ready差异

Posted 前端小记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了onload与ready差异相关的知识,希望对你有一定的参考价值。

window.onload: 等所有资源加载完
document.ready: DOM树构建完资源还没加载完

应该使用ready保证用户体验。否则当网站有很多图片资源时要很长时间才能加载完这段时间内Js都用不了onload事件是页面所有东西都加载完以后才执行
而domReady利用hack技术,加载完dom树之后就能执行。
因此比onload执行事件更早。
为了用户体验,建议采用domReady

以上是关于onload与ready差异的主要内容,如果未能解决你的问题,请参考以下文章

jQuery $(document).ready() 与window.onload的区别

$(document).ready(...) 和 window.onload 的区别

ready与onload的区别

jquery $(document).ready() 与window.onload的区别

JQuery的ready函数与JS的onload的区别

JQuery的ready函数与JS的onload的区别详解