原生JS的onload与Jquery的$(document).ready()有什么不同

首先 原生js中的window.onload和jQuery中的$(document).ready(function(){}) 都是表示DOM结构绘制完毕,即在window.onload和ready()函数里都可以获取DOM对象了。 但是他们也都有各自的不同之处

一:执行时间不同

window.onload必须等待页面内包括图片(url)的所有元素加载完毕后才能执行
$(document).ready(function(){})是DOM结构绘制完毕之后就执行,不必等到加载完毕

二:编写的数量不同

在同一个html里window.onload方法只能编写一个,如果编写了过多的window.onload方法 ,那么编写的最后一个window.onload方法会覆盖以前编写的方法 , 从而只保留最后一个
而$(document).ready(function(){})方法的编写数量不同 , 它可以编写多个方法 ,并同时存在且执行,

三:加载速度不同

$(document).ready(function(){})比window.onload()的加载速度要快

四:简写方式不同

window.onload 没有简写方式
$(document).ready(function(){})可以简写为 $(function(){})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值