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

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

seabreezesuper

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

阅读量412

点赞数

本文链接：https://blog.csdn.net/seabreezesuper/article/details/65438597

版权

Java 同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

Javascript

7 篇文章 0 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

很多同学（包括我）刚接触jQuery时，都搞不清传统的window.onload和jQuery的$(document).ready有什么区别。甚至有人认为这两者其实是一个东西，其实不然。

查询资料，基本都是这么定义的：

window.onload：必须等网页中所有元素都加载完毕才能执行。
$(document).ready：网页中所有DOM结构加载完毕即可执行。

这样的文字读完是不是有种想揍作者的感觉？
对初学者来说，说了跟没说一样，我要懂什么叫DOM结构我还要看你写的资料？

好吧，先把理论放一边，我们来看个例子。

<html>
<script language=JavaScript src="js/jquery.js" type=text/javascript></script>

<script>
$(document).ready(function(){
    alert("$(document).ready() function called!"); 

});

window.onload = function(){
    alert("window.onload() called!");
}
</script>

<body> 
<img src="img/jquery_logo.png">
</body> 
</html>