window.onload和$(document).ready()区别
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构(页面上的标签加载完)绘制完毕后就执行,不必等到加载完毕。
比如说页面有个<img />标签,加载页面时,window.onload 要等图片完全显示出来之后才执行(假设其他代码都在图片显示之前加载完了);而 $(function(){ }) 等<img />标签加载完就执行了,这时候图片可能还没有显示出来
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});