onload和ready的区别

Posted 放咩咩的星星

tags:

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

onload和ready的区别

 

1.执行时间

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行

$(document).read()是DOM结构绘制完毕后就执行,不必等到加载完毕

 

2.编写个数不同

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个

$(document).ready()可以同时编写多个,并且都可以得到执行

 

3.简化方法

window.onload没有简化写法

$(document).ready(function(){})可以简写成$(function(){})

 

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

onload和ready的区别

window.onload和$的区别介绍

$(document).ready和window.onload,细微小区别,ready是jQuery的方法,onload是window的方法

JS 页面加载触发事件 document.ready和onload的区别

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

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