jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
来源:互联网 发布:淘宝删除中差评步骤 编辑:程序博客网 时间:2024/05/21 07:14
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。
1.执行时间 :
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同 :
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法 :
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
4.window的onload事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发,不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。与load事件不同,DOMContentLoaded支持在页面下载的早期添加事件处理程序,这也就意味着用户能够尽早地与页面进行交互。
4.window的onload事件会在页面中的一切都加载完毕时触发,但这个过程可能会因为要加载外部资源过多而颇费周折。而DOMContentLoaded事件则在形成完整的DOM树之后就会触发,不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。与load事件不同,DOMContentLoaded支持在页面下载的早期添加事件处理程序,这也就意味着用户能够尽早地与页面进行交互。
0 0
- jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
- jquery中的$(document).ready()、JavaScript中的window.onload()以及body中的onload()、DomContentLoaded()区别
- jQuery 中 $(document).ready()事件与js中window.onload()事件的区别
- jQuery 中 $(document).ready()事件与js中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的区别
- BeanListHandler
- 再谈SMB中继攻击
- Android 的 SurfaceView 双缓冲应用
- 驱动开发之用户模式和内核模式
- Android开发规范
- jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
- 文件的对称加密与解密
- 黑马程序员_IO流
- 用python 写一个nagios插件 监控http内容
- 在 Spring 3.1 中使用 @Cacheable 实现缓存
- struts1与struts2
- 特征提取-计算tf-idf
- Eclipse 快捷键
- 搭建MinGW+Msys+Git环境