jquery $(document).ready() 与window.onload的区别
来源:互联网 发布:淘宝客服外包怎么样 编辑:程序博客网 时间:2024/05/29 14:20
转载于:http://www.cnblogs.com/tylerdonet/p/3809137.html
区别
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
ps:(个人粗浅理解)具体到问题,如果一个网页中有很多图片,那么window.onload会等到图片都渲染加载完毕才会触发,而 $(document).ready()等网页上所有的img标签加载完成就会触发,因为这个特性所以在jQuery中操作大小时会出现bug
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
具体解释
http://blog.csdn.net/xiebaochun/article/details/36375481
$(document).load();
当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法。
常用于检测页面(及其附带资源)是否加载完毕。
如果在jq中操作图片,由于$(document).ready()只加载dom节点而没有下载具体图片的话可以使用window.onload=function() 或 $(document).load();
- jquery的$(document).ready()方法 与 window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- [转]jQuery $(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery 中 $(document).ready() 与window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- 【jquery】一、 $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- SQLite的简单使用
- ESP8266学习笔记4:ESP8266的SmartConfig
- ESP8266学习笔记3:建立自定义的softAP
- ESP8266学习笔记2:实现ESP8266的局域网内通信
- 如何高效更新Direcx11的各种资源与状态
- jquery $(document).ready() 与window.onload的区别
- ESP8266学习笔记1:如何在安信可全功能测试板上实现ESP-01的编译下载和调试
- 0/1背包问题[python]
- HDU 6012
- hihoCoder - 1272 买零食
- Dungeon Master
- 设计模式之简易工厂
- 内部排序之交换排序:冒泡排序,快速排序
- 微信公众号系列(一) 10分钟快速搞定个人微信公众号