$(window).load(function(){})和.onload区别

奋斗的蜗牛灬

于 2019-04-17 13:09:52 发布

阅读量2.9k

点赞数 2

CC 4.0 BY-SA版权

本文详细对比了window.onload与$(document).ready()两种JavaScript加载方式的区别，从执行时间、编写个数及简化写法三方面进行了阐述，为开发者提供了更灵活的代码执行控制策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考文章
https://blog.youkuaiyun.com/qq_37763820/article/details/79694963

$(window).load(function(){}）和 window.onload 
区别在于$(window).load(function(){}）可以写多个

1.执行时间

window.onload 必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready() 是 DOM结构 绘制完毕后就执行，不必等到加载完毕。

2.编写个数

 window.onload 不能同时编写多个，如果有多个window.onload方法，只会执行一个
 $(document).ready() 可以同时编写多个，并且都可以得到执行

3.简化写法

 window.onload 没有简化写法 
 $(document).ready(function(){}) 可以简写成 $(function(){});