码迷,mamicode.com
首页 > Windows程序 > 详细

window.onload和document.ready的区别

时间:2019-09-26 21:09:39      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:方法   文档   包括   浏览器   soft   document   nload   cti   不能   

window.onload和document.ready虽然两个方法的运行效果都一样,但他们之间是存在着区别的:

  一、从执行的时间

    window.onload在dom文档结构加载完毕以后就可以执行,不必等到页面中的其他文件(例如图片等文件)都加载完毕。

    而document.ready则是必须要等到dom文档结构和其他包括图片在内放入所有文件全部加载成功后才可以执行

  二、编写个数,被执行的次数不同

    window.onload不能通知书编写多个,就算写了多个,也只能执行一个;

    document.ready可以编写多个,并且可以全部执行

  三、执行顺序

    由于document.ready和window.onload执行时间原因导致,document.ready要比window.onload先执行

    可以执行以下代码,验证结果:   

       window.onload = function () {
                alert(‘onload‘);
            };
            document.ready(function () {
                alert(‘ready‘);
           });
     运行这段代码可以发现,浏览器页面会先弹出ready,后弹出onlaod
    

 

window.onload和document.ready的区别

标签:方法   文档   包括   浏览器   soft   document   nload   cti   不能   

原文地址:https://www.cnblogs.com/ymbcc/p/11502299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!