jQuery学习: ready和onload区别
区别：
1、加载程度不同
document.ready：是DOM结构绘制完毕后就执行，不必等到加载完毕。意思就是DOM树加载完毕就执行，不必等到页面中图片或其他外部文件都加载完毕。
window.onload：是页面所有元素都加载完毕，包括图片等所有元素。
2、执行次数不同
document.ready可以写多个.ready，可以执行多次，第N次都不会被上一次覆盖。
window.onload只能执行一次，如果有多个，那么第一次的执行会被覆盖。
3、执行速度不同
window.onload除了要等待DOM被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在onload事件上的代码在执行时有明显的延迟。
document.ready函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！