100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jquery $(document).ready() 与js原生的window.onload的区别总结

jquery $(document).ready() 与js原生的window.onload的区别总结

时间:2024-04-21 05:57:03

相关推荐

jquery $(document).ready() 与js原生的window.onload的区别总结

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

1.执行时间

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

$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。不过有些时候,必须要等所有的元素都加载完毕,才可以执行一些方法的时候用$(window).load(function() {})等同于window.onload

2.编写个数不同

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

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

3.简化写法

window.onload没有简化写法

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

4:注意的是jq想在所有dom加载之前执行代码

(function() {

alert("DOM还没加载哦!");

})(jQuery)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。