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

最新推荐文章于 2024-08-15 11:39:27 发布

樊小书生

最新推荐文章于 2024-08-15 11:39:27 发布

阅读量528

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： javascript jquery

本文链接：https://blog.youkuaiyun.com/fxss5201/article/details/52244080

21 篇文章

订阅专栏

本文对比了window.onload与$(document).ready()在执行时机与数量限制上的不同。前者在页面所有内容加载完成后执行，且仅能定义一次；后者在DOM结构加载完成后即可执行，允许多次定义。

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

window.onload和$(document).ready()的区别，如下表所示

	window.onload	$(document).ready()
执行时间	在页面所有内容（图片、文件）加载完后执行	页面中所有HTML和css结构加载完之后（不论图片是否加载完成）执行；如果想要页面所有内容（包括图片）加载完毕，再注册事件，使用 $(window).load(function(){})；其等价于window.onload
个数	一个页面中仅允许存在一个，多个的话后面的会将前面的覆盖掉，如果需要执行多个事件，应该写在同一个里面，例如 window.onload=function(){ 事件1; 事件2; }	同一个页面可以书写多个（jquery里面采用的是addEventListener的注册事件的方法，所以后面的不会将前面的覆盖）
	window.onload是原生js里面的，没有简写方式	$(document).ready(function(){})是jquery里面的，其等价于$().ready(function(){}) 或者 $(function(){})