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

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。

1：执行时间不同

      $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕，document.ready()加载的速度较快，只需要等待dom树的加载，无需等待图片以及媒体资源。 而window.onload不仅要等DOM结构加载完，还要加载图片，视频，音频在内的所有文件都加载完毕，如果在加载图片和媒体资源上花费了大量时间的话，用户就会明显感觉到网速明显的卡顿。

2：编写个数不同

window.onload同时编写多个，在执行程序时只会执行最后一个window.onload，而document.ready()则会执行多个。

例如：

window.οnlοad=function(){
		alert(3)
	}
    window.οnlοad=function(){
		alert(5)
	}

两个window.onload，则只会弹出5

    $(document).ready(function(){
		alert("1")
	})
    $(document).ready(function(){
		alert("2")
	})
    $(document).ready(function(){
		alert("3")
	})

同时多个$(document).ready()，则会全部弹出1,2,3

先写到这，之后会补充的

有不对的地方，请大家多多包含了