ready和onload的区别

简介: ready和onload的区别
$(document).ready和window.onload的区别:
$(document).ready和window.onload都是在都是在页面加载完执行的函数,大多数情况下差别不大。
$(document).ready:是DOM结构绘制完毕后就执行,不必等到加载完毕。 意思就是DOM树加载完毕,就执行,不必等到页面中图片或其他外部文件都加载完毕。并且可以写多个.ready。
window.onload:是页面所有元素都加载完毕,包括图片等所有元素。只能执行一次。
所以,$(document).ready的执行时间要早于window.onload。并且可以写多个。
window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。
$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵,并调用执行绑定的函数
相关文章
|
8月前
|
JavaScript
document load 和 document ready 有什么区别
document load 和 document ready 有什么区别
170 0
|
7月前
|
JavaScript 前端开发
load、$(document).ready、DOMContentLoaded的区别
load、$(document).ready、DOMContentLoaded的区别
119 3
|
7月前
|
JavaScript 前端开发
document load 和 document ready 的区别
document load 和 document ready 的区别
|
7月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
149 0
|
8月前
|
JavaScript 前端开发
$(document).ready()方法和window.onload有什么区别?
$(document).ready()方法和window.onload有什么区别?
57 0
|
8月前
|
JavaScript 前端开发 UED
深入理解 Document Load 和 Document Ready 的区别
深入理解 Document Load 和 Document Ready 的区别
117 0
|
8月前
|
JavaScript 调度
setTimeout和setImmediate以及process.nextTick的区别?
setTimeout和setImmediate以及process.nextTick的区别?
130 0
window.onload不能正常执行
window.onload不能正常执行
134 0
|
域名解析 JavaScript 前端开发
JS - DOM_Ready、DOM_Load 区别
JS - DOM_Ready、DOM_Load 区别
162 0

热门文章

最新文章