通过本文主要向大家介绍了ready,onload等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
JQuery的ready函数与JS的onload的区别:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
例子:
您可能想查找下面的文章:
- domReady的实现案例
- jQuery的ready方法实现原理分析
- jQuery ready方法实现原理详解
- jQuery ready()和onload的加载耗时分析
- jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jQuery中的ready函数与window.onload谁先执行
- 全面解析jQuery $(document).ready()和JavaScript onload事件
- 详解Jquery实现ready和bind事件
- 深入分析jQuery的ready函数是如何工作的(工作原理)
- Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready