jQuery中ready与load事件的区别
2016-07-20 11:16
543 查看
目录:
1ready与load谁先执行2DOM文档加载的步骤
3ready事件
4load事件
5总结
概述:
大家在工作中用jQuery的时候一定会在使用之前这样:ready与load谁先执行:
大家在面试的过程中,经常会被问到一个问题:ready与load那一个先执行,那一个后执行?答案是ready先执行,load后执行。DOM文档加载的步骤:
要想理解为什么ready先执行,load后执行就要先聊一下DOM文档加载的步骤:ready事件:
ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来,JS代码一样可以执行。load事件:
load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即时被触发。总结:
相信大家已经了解了ready与load的区别,其实如果页面中要是没有图片之类的媒体文件的话ready与load是差不多的,但是页面中有文件就不一样了,所以还是推荐大家在工作中用ready。相关文章推荐
- 推荐一些国内的Jquery CDN免费服务
- JQuery为元素添加样式的实现方法
- jquery的几种异步请求,ajax
- GoEasy + jQuery animate实现弹幕功能
- JQueryiframe页面操作父页面中的元素与方法(实例讲解)
- jQuery EasyUI使用教程之创建复杂的树网格
- jquery.fancybox
- 十分给力jquery插件miniui框架整合java实现各种图形报表管理系统
- 输入框提示文字跨浏览器的placeholder-jQuery版
- 同时满足多个文本框不为空值按钮呈现可用激活状态disabled
- jquery数字递增递减
- jquery实现复选框的全选操作
- 浅谈jquery中prop()和attr()
- php+flash+jQuery多图片上传源码分享
- JQuery为元素添加样式的实现方法
- javascript和jQuery实现网页实时聊天的ajax长轮询
- JQuery.cookie.js操作客户端cookie
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery性能优化与最佳实践
- 实现jQuery底层链式编程(二)