前端笔试小结之$(document).ready() vs window.onload()

Q: $(document).ready(){} vs window.onload()

之前项目中总是使用$(document).ready(),由于在$(document).ready()方法内注册的事件,只要DOM就绪就会被执行,因此可能此时元素的关联文件未下载完,则设置的属性可能无效。
结果笔试那天自己还记反写错了。还是因为自己没有理解。

  • $(document).ready()是在DOM树构建好后就执行,
    window.onload()则是等待页面所有元素都加载完成后才执行。

  • $(document).ready()可以有多个,每次调用$(document).ready()方法都会在现有的行为上追加新的行为,这些行为函数会根据注册的顺序依次执行,
    window.onload()只能执行一个,后面的函数会覆盖前面的函数。

  • $(document).ready(function(){})通常可以简写为$(function(){}),
    $(window).load(function(){})等价于window.onload()

    原文作者:lsxj
    原文地址: https://segmentfault.com/a/1190000004976402
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞