1.首先 他们的执行时机不同
window.onload:一定会等到页面内容包括(图片,视频,元素等…)加载全部完毕后才执行。
$(document).ready()是等DOM渲染树绘制完成后执行,他不用等到加载后执行。
2.编写次数不同
windows.onload:他不可写多个,要是写多个的话,他只会执行一个其他的会被覆盖掉这里我们可以看一下
window.onload = function(){
console.log("onload1");
}
window.onload = function(){
console.log("onload2");
}
window.onload = function(){
console.log("onload3");
}
看一下输出后的结果图片
$(document).ready()他可写多个,而且他全部都可执行的这里我们可看下
$(document).ready(function(){
console.log("ready1");
})
$(document).ready(function(){
console.log("ready2");
})
$(document).ready(function(){
console.log("ready3");
})
下面一起来看一下输出后的结果图