window.onload和document.ready的区别

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

小猴子豆芽菜

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

阅读量862

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jsjquery

本文链接：https://blog.youkuaiyun.com/XU906722/article/details/79275265

jQuery 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了window.onload与document.ready的区别。前者等待整个页面及其资源完全加载后触发，而后者在DOM树构建完成时即执行。通过示例展示了两者的调用顺序差异。

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

window.onload：整个页面加载完成后（包括里面的内容，如图片等）才加载相应的js；

document.ready:当dom树绘制完成后便加载；

例：

<!DOCTYPE html>
<html>
<head>
<title>window.onload和document.ready的区别</title>
<meta name="content-type" content="text/html; charset=UTF-8">
<script src="../../resource/jQuery/jquery-1.8.3.js"></script>
<script>
	window.onload = function() {
		alert("赵钱");
	}

	$(document).ready(function() {
		alert("张三");
	})

</script>
</head>

<body>
</body>
</html>

弹出窗口顺序：张三、赵钱

哦了~