$(function(){ }) 与window.onload的区别

$(function(){ }) 与window.onload的区别

一、执行时机不一样

1、window.onload是在页面所有的元素（包括页面上的资源，比如图片）都加载完成后才触发。

2、$(function(){})是在页面的dom结构加载完毕后就触发 dom里的内容不一定都已经加载完成。

3、比如说一个页面有好多图片 而加载这些图片需要一定的时间，window.onload必须得等到全部的图片都加载完成后才能触发，而$(function(){})只要在dom加载完毕之后就会执行 图片不一定已经加载完成。

二、执行次数不一样

1、window.onload不能同时写多个，如果有多个window.onload，则只有最后一个会执行，它会把前面的都覆盖掉。

2、$(function(){})不管你页面里定义了几个，会按照顺序依次执行。

三、实例

$(function () ...{
    console.log("ready执行");
});

$(function() ...{
    console.log("ready1执行");
});

window.onload = function () ...{
    console.log('load执行');
};
window.onload = function () ...{
    console.log('load1执行');
}

		

执行结果