document.ready() 与window.onload()的区别

jquery 的ready() 与window.onload()的区别

通常状况下window的load()都是用来设置body标签的onload事件.
但onload事件是要在页面的元素所有加载完了才触发的,这也包括页面上的图片，以及大的表格数据。
若是页面上图片较多或图片太大,加载须要较多时间，就会致使页面无响应，或者用户作了其它操做了。

而Jeuery中的ready()则是在页面的dom(节点)加载完后就能够作相应的操做,而不用等待所有元素加载完成.
好比只知道页面某处有一张图片，而不必定要等它显示出来就能够为它绑定点击方法。

 

 

1.onready比onload先执行
执行时间 
window.onload必须等到页面内包括图片的全部元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行，没必要等到加载完毕。

2.onload只执行最后一个而onready能够执行多个。
编写个数不一样 window.onload不能同时编写多个，若是有多个window.onload方法，只会执行一个。 $(document).ready()能够同时编写多个，而且均可以获得执行
$(document).ready(function(){})能够简写成$(function(){});