网站链接: 我爱捣鼓
当前位置: 首页 > 前端开发  > jQuery

window.onload与jquery $(document).ready()有什么区别?

2021/9/28 20:36:02

window.onload和jquery的$(document).ready()大家应该都使用过,但二者究竟有什么区别呢,今天我们就来聊一聊 1.执行时间不同 window.onload函数执行是在页面上所有的元素(包括图片)加载完成之后才能执行。 $(document).ready()是DOM结构绘制完毕…

        window.onload和jquery的$(document).ready()大家应该都使用过,但二者究竟有什么区别呢,今天我们就来聊一聊

        1.执行时间不同

        window.onload函数执行是在页面上所有的元素(包括图片)加载完成之后才能执行。

        $(document).ready()是DOM结构绘制完毕后就执行,不必等到其他元素加载完毕就可以执行。 

由此得出,onload 是在 ready 后执行。

        2.同一页面可以执行的个数不同 

         window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个。

         $(document).ready()可以同时编写多个,并且都可以得到执行。

        3.写法不同 

        window.onload常用写法

window.onload = function(){}

$(document).ready()常用写法

$(document).ready(function(){        
          // 执行代码
        });

或者

$(function(){
  // 执行代码
});

        通过以上内容我们知道了window.onload与jquery $(document).ready()的区别,感谢您访问“我爱捣鼓(www.woaidaogu.com)”网站的内容,希望对大家有所帮助!引用本文内容时,请注明出处!谢谢合作!

相关资讯

    暂无相关的数据...