window.onload=function(){}与$(document).ready(function(){})区别

最新推荐文章于 2022-02-25 21:11:20 发布

zbyluxzing

最新推荐文章于 2022-02-25 21:11:20 发布

阅读量561

点赞数

分类专栏： jQuery和js知识点

jQuery和js知识点专栏收录该内容

8 篇文章

订阅专栏

document.ready()和传统的方法<body οnlοad=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载，因此，使用document.ready()方法的执行速度比onload()的方法要快。

window.onload = function(){ alert("welcome"); }
这样的写法作用是希望在页面加载完，自动执行定。

执行速度从快到慢依次是：

$(document).ready(function(){}) -------<body οnlοad=”load()”>与window.onload = function(){}等价。

******$(document).ready(function(){})的几种写法：
    最完整的写法是：$(document).ready(function(){})
    ready() 函数仅能用于当前文档，因此无需选择器。
    所以document选择器可以不要，那么就可以写成：
$().ready(function(){})
    最后$的默认事件就是ready，所以，ready也可以省略，写成：
    $(function(){});

*******window.onload = function(){ }的两种写法：
$(window).load(function (){});
等价于 JavaScript 中的以下代码
Window.onload = function (){}

*****window.onload解决多个函数的的冲突

第一种方法：window.οnlοad=function(){function(a);function(b);}

第二种方法:window.οnlοad=function(){
           alert("加载完成");
                    onload2();
                    onload3();
                }
          function onload2(){
         alert("onload2加载完成");
          }
            function onload3(){
               alert("onload3加载完成");
            }