简谈ready与load的区别
来源:互联网 发布:c语言奇数阶幻方 编辑:程序博客网 时间:2024/05/18 13:25
ready与load谁先执行:
DOM文档加载的步骤:
要想理解为什么ready先执行,load后执行就要先聊一下DOM文档加载的步骤:
1
2
3
4
5
6
(1) 解析HTML结构。
(2) 加载外部脚本和样式表文件。
(3) 解析并执行脚本代码。
(4) 构造HTML DOM模型。
//ready
(5) 加载图片等外部文件。
(6) 页面加载完毕。
//load
从上面的描述中大家应该已经理解了吧,ready在第(4)步完成之后就执行了。但是load要在第(6)步完成之后才执行。
ready事件:
ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。
load事件:
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。
总结:ready事件在load事件加载之前完成
总结:ready事件在load事件加载之前完成
0 0
- 简谈ready与load的区别
- document.ready()与window.load()的区别
- $(document).ready()与$(window).load()的区别
- jquery中的ready与load的区别
- $(document).ready()与$(window).load()的区别
- document load 与document ready的区别
- document.ready()与window.load()的区别
- jQuery内ready与load事件的区别
- jQuery基础知识 window.load 与 document.ready的区别
- jQuery内ready与load事件的区别
- jQuery内ready与load事件的区别
- jQuery内ready与load事件的区别
- jQuery中ready与load事件的区别
- jQuery中ready与load事件的区别
- jQuery内ready与load事件的区别
- jQuery中ready与load事件的区别
- jQuery中ready与load事件的区别
- jQuery中ready与load事件的区别
- Unity3D学习笔记(7)—— 击球游戏
- 【BC史上最大灾难】一场被我搞砸了的BC
- Hibernate学习总结:OneToOne单向主键关联
- MyEclipse创建JavaWeb应用(配置Tomcat)
- 自己写一个httpclient(一)
- 简谈ready与load的区别
- android 硬件知识-传感器,无线电,和媒体功能的开发
- Vmware安装debian时更换iso文件方法
- hdu 1080(LCS变形)
- 【hdu2594】Simpsons’ Hidden Talents——KMP
- flask下博客系统输入中文乱码问题(ubuntu14.04+mysql5.5.46)
- bzoj 1187 [HNOI2007]神奇游乐园
- 帧动画
- spark集群内存不足可以采用的一些措施