首先 原生js中的window.onload和jQuery中的$(document).ready(function(){}) 都是表示DOM结构绘制完毕,即在window.onload和ready()函数里都可以获取DOM对象了。 但是他们也都有各自的不同之处
一:执行时间不同
window.onload必须等待页面内包括图片(url)的所有元素加载完毕后才能执行
$(document).ready(function(){})是DOM结构绘制完毕之后就执行,不必等到加载完毕
二:编写的数量不同
在同一个html里window.onload方法只能编写一个,如果编写了过多的window.onload方法 ,那么编写的最后一个window.onload方法会覆盖以前编写的方法 , 从而只保留最后一个
而$(document).ready(function(){})方法的编写数量不同 , 它可以编写多个方法 ,并同时存在且执行,
三:加载速度不同
$(document).ready(function(){})比window.onload()的加载速度要快
四:简写方式不同
window.onload 没有简写方式
$(document).ready(function(){})可以简写为 $(function(){})