这两个都是在页面加载后运行。执行顺序和在代码中的位置有关，也和window.onload后面的函数是否匿名有关。

1.如果window.onload是在body里定义的，也就是在body onload后面定义的，则只执行window.onload，不会执行body onload。即遵循“”从上到下依次加载，后者覆盖前者“的原则。

2.如果window.onload是在head里定义的（通常都是这样使用）。就要看等号后面的函数是不是匿名的。

只有非匿名的才会被执行，且两者都执行。按从上到下的顺序，先执行window.onload，后执行body.onload。

匿名的则会被body onload覆盖。即遵循“”从上到下依次加载，后者覆盖前者“的原则。

代码：

函数不是匿名的代码如下：（即引用预先定义的函数）:

window.onload = xx();

函数是匿名的代码如下:

window.onload = function(){//执行代码
};

补充：

顺便提一下jQuery的加载函数, 也是要等到文档完全加载后执行，入口如下：

$(document).ready(function(){//执行代码
});

也可简写为

$(function(){//执行代码
};

它和JavaScript 的window.onload的区别是不需要等到所有外部文件加载完毕，只要htmll 所有标签(DOM)都加载之后，就会去执行。并且不会被覆盖，可以多次执行。

window.onload与body.onload相关推荐

window.onload，body onload=function(), document.onreadystatechange, httpRequest.onreadystatechang
部分内容参考:http://www.aspbc.com/tech/showtech.asp?id=1256 在开发的过程中,经常使用window.onload和body onload两种,很少使用do ...
window.onload 和 body.onload 相互覆盖的本质
从根源上讲,window.onload和<body οnlοad="alert('test');"> 所绑定的对象都是window ,body是没有onload事件的, ...
$(window).load(function(){})和.onload区别
参考文章 https://blog.csdn.net/qq_37763820/article/details/79694963 $(window).load(function(){})和 window ...
html onload 写法,HTML onload用法及代码示例
加载对象后,此属性有效.此属性主要在元素内用于执行脚本.它也可以与其他元素一起使用.此属性用于检查访问者的浏览器类型和浏览器版本,并根据该信息加载正确的网页版本. 用法: 属性值:此属性包含单值脚本 ...
谈谈document.ready和window.onload的区别
在Jquery里面,我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的,都是在dom文档树加载完之后执行 ...
jquery中的ready函数与window.onload谁先执行
关于$(document).ready(): jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload ...
深入理解 window.onload
现象:在一个 Hybrid 应用中,用户反馈弱网条件下页面的进度条总是不消失,最后发现是页面接口先于其他资源返回,而接口中包含大量图片导致了 onload 会推迟,从而客户端控制的进度条不会消失,页面 ...
window的onload方法不执行？
今天在开发的时候,发现很多页面的信息都没有显示出来,仔细观察了之后,发现都是onload的js函数没有执行的原因. 发现最近Google的统计代码加载很慢,经常在浏览器状态栏里看到Google的统计代 ...
windows.onload和body的onload属性的区别
关于windows.onload和body的onload属性的区别网上有些说法说的也不太统一,现在系统说下: 先看共同点: 都是body内容体加载结束执行: window.onload 内部方式可以 ...

window.onload与body.onload

代码：

补充：

window.onload与body.onload相关推荐

最新文章

热门文章