$(document).ready与 window.onload区别

1、$(document).ready(function(){})  等同于$(function(){}) 

在dom文档树加载完之后执行（文件不需要加载完，即可执行。）

通俗点：包括img等资源也加载完成，但是相关的文件没有下载下来，能同时编写多个

 

2、window.onload

在dom文档树加载完和所有文件加载完之后执行一个函数

通俗点：img等资源也加载完成，相关文件也下载完成了，不能同时编写多个（若有多个，则只执行最后一个，上面的被覆盖）

 

总结：$(document).ready要比window.onload先执行。

举个栗子来验证：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        window.onload = function(){
            alert("window.onload");
        }
        $(document).ready(function(){
            alert("ready");
        })
    </script>
</body>
</html>

 

posted @ 2018-07-13 14:41  peanutSimle  阅读(126)  评论(0)    收藏  举报