DOMContentLoaded和onload事件的区别
2016-12-31 19:11
330 查看
DOMContentLoaded 当所有DOM解析完以后会触发这个事件。
和onload事件很相近但onload要等到所有页面元素加载完成才会触发, 包括页面上的图片等等。
如果页面的图片很多的话,从用户访问到onload触发可能需要很长的事件,而且在ajax的运行中常常需要在onload中加入许多初始化的动作, 如果由于网络问题引起的图片加载过慢( 见: Ajax优化(2) -- lazierLoad img && js), 则必然影响用户的体验。
在这种情况下firefox的DOMContentLoaded事件, 恰恰是我们需要的。
和onload事件很相近但onload要等到所有页面元素加载完成才会触发, 包括页面上的图片等等。
如果页面的图片很多的话,从用户访问到onload触发可能需要很长的事件,而且在ajax的运行中常常需要在onload中加入许多初始化的动作, 如果由于网络问题引起的图片加载过慢( 见: Ajax优化(2) -- lazierLoad img && js), 则必然影响用户的体验。
在这种情况下firefox的DOMContentLoaded事件, 恰恰是我们需要的。
相关文章推荐
- 事件DOMContentLoaded和load的区别
- 比onload更快的DOMContentLoaded,readystatechange,doscroll的DOM加载事件
- 关于HTML页面DOMContentLoaded和Window.onload区别
- 事件DOMContentLoaded和load的区别
- Window.onLoad 和 DOMContentLoaded事件的先后顺序
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- 事件DOMContentLoaded和load的区别
- Window.onLoad 和 DOMContentLoaded事件的先后顺序
- DOMContentLoaded 与 onload的区别
- Mootools domReady事件 可以在某些场合替代onload事件
- 主流框架中DOMContentLoaded事件的实现(转)
- document.ready和onload的区别----JavaScript文档加载完成事件
- document.ready和onload的区别----JavaScript文档加载完成事件
- Jquery知识点一 Jquery的ready和Dom的onload的区别
- 跨浏览器的ready函数的实现,主要采用DOMContentLoaded事件
- jquery中的ready事件和window.onload的区别
- 好好学一遍JavaScript 笔记(十)――IE跟DOM事件函数区别
- 好好学一遍JavaScript 笔记(十)——IE跟DOM事件函数区别
- 主流框架中DOMContentLoaded事件的实现