**
$(document).ready()和Window.onload
**
关于这两者之间的区别,我们将从以下三点进行阐述:
1.执行时间
window.onload() 是在整个界面全部加载完成以后才开始执行
$(document).ready() 是在界面大体加载完成后执行(比如:如果有些图片、视频过大,不会等之加载完成就开始执行)
2.编写个数不同
window.onload() 不能编写多个,如果编写多个,只执行最后一个
$(document).ready(function(){})可以写多个,并且都执行
3.简写方法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
总结:
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过 Javascript 为 DOM 元素添加事件。
在常规的 Javascript 代码中,通常使用 window.onload 方法,而在 Jquery 中,使用的是 $(document).ready() 方法。
$(document).ready() 方法是事件模块中最重要一个函数,可以极大的提高 Web 应用程序的速度。