首页 > 代码库 > (2)window.load和ready的区别
(2)window.load和ready的区别
1、执行时机:
window.onload:必须等待网页全部加在完毕(包括图片等),然后再执行包裹代码
$(document).ready():只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码
2、执行次数:
window.onload:只执行一次,如果第二次,那么第一次的执行会被覆盖
$(document).ready():可以执行多次,第N次都不会被上一次覆盖
3、简写方案:
window.onload:无
$(document).ready():$(function (){
});
现实中很少用window.onload,因为要页面中大型元素加载完毕才能执行js代码,在网速较慢的情况下,页面已经全面展开但是图片却还在加载,该页面上的JS交互功能全部处于假死状态,并且只能执行单词在多次开发和团队开发中会带来一些困难。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。