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

时间 2019-11-12

标签 document ready window.onload window onload 区别栏目 JavaScript 繁體版

原文原文链接

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

在dom文档树加载完以后执行（文件不须要加载完，便可执行。）html

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

二、window.onloadjquery

在dom文档树加载完和全部文件加载完以后执行一个函数dom

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

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

举个栗子来验证：code

<!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>