您的位置:首页 > Web前端 > javascript

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

更多 2017/7/16 来源:javascript利来国际娱乐官网浏览量:1123
利来国际娱乐官网标签: window.onload
本文导读:$(function(){})是$(document).ready(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(){})不管你页面里定义了几个,会按照顺序依次执行。

 

三、实例

 

 
JScript 代码   复制

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

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

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

 

执行结果

 

收藏
348
很赞
65
博聚网