页面完成加载js文件顺序

1.onload与load方法

//js
window.onload=function(){
     //TODO
}

//jquery
$(window).load(function(){
     //TODO
})

整个window加载完成后执行方法体,两者也没有区别,一个是使用的dom对象,一个是jquery对象

2.jquery方法

$(document).ready(function(){
   //TODO
});

//简写
$(function(){
   //TODO
})

dom加载完成后立即执行

3.标签里绑定事件

<body onload="test()">
   <div>测试数据</div>
</body>

等待body加载完毕,就会执行test()方法

总结以上方法的执行顺序

jquery方法里的两种简写,无论放置在哪里,都是优先执行

原因:它们是document加载完后就执行,而其他方法是等到整个window页面加载完成后再执行,至于jquery方法里哪个方法先执行,就要看谁放在前面谁先执行

onload与load方法,他们的执行顺序优先于标签里绑定事件的执行顺序,至于他们两个之间的区分,也是谁放在前面谁先执行

标签里绑定事件的执行总是在最后

转载于:https://my.oschina.net/u/3680343/blog/1602863

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值