JQuery中$(document).ready()方法的作用类似于传统JavaScript中的window.onload方法,都可以在网页加载完成后执行一些操作,不过这两种方法严格意义上来说还是有很大区别的,具体不同点如下:
1.执行时间不同
window.onload必须等到页面内的所有元素()加载完毕后才能执行。
注:所有元素是指包括页面结构、内容及所有关联文件,如站内与站外的js与css文件、图片等。
$(document).ready()是页面DOM结构绘制完毕后就执行,不必等到加载完毕。
注:DOM结构回执完毕时网页的所有元素对JQuery而言都是可以访问的,但是,这并不意味着这些元素关联的文件都已经下载完毕。
2.执行次数不同
window.onload不能同时执行多个,如果同一个页面上面有多个window.onload方法(包括关联js文件中),只会执行最后一个window.onload,也就是向上覆盖。
$(document).ready()可以同时执行多个,如果同一个页面上有多个$(document).ready()方法(包括关联js文件中),JQuery能够很好地处理这些情况,每次调用$(document).ready()方法都会在现有的行为上追加新的行为,这些行为函数会根据注册的顺序依次执行。
3.简化写法不同
window.onload没有简化写法。
$(document).ready()有两种简化写法:$().ready(function)、$(function)。
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《$(document).ready()方法和window.onload方法的区别》
文章链接:https://www.liuzhanwu.com/3027.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《$(document).ready()方法和window.onload方法的区别》
文章链接:https://www.liuzhanwu.com/3027.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
相关推荐
456CDN:为网络安全与加速保驾护航,CDN测评推荐
456CDN:高防CDN,200GB DDoS防护,无视CC,1TB流量@50Mbps带宽,500元/月,安全加速,智能守护,稳定安全
#618大促#最后一天|凌霞软件旗下新一代服务器面板 1Panel:永久授权 539元起,10台4900元,即买即赠SSL证书
#618大促#最后一天|凌霞软件旗下强大易用的建站工具 Halo:永久授权 660元起,10台6000元,即买即赠SSL证书
#6.18促销#Themebetter:WordPress主题特惠7折,DUX主题折后559元,不限制域名授权数目
耗子Linux 面板:又一个轻量 Linux 服务器运维管理面板
#11.11#Themebetter:年度大放价,全场6折特惠,DUX主题折后480元,不限制域名授权数目
紧急提醒:DediPath官宣跑路