为什么两个window,onload=function(){}不能同时加载？

最新推荐文章于 2023-10-25 17:59:27 发布

craftsman2020

最新推荐文章于 2023-10-25 17:59:27 发布

阅读量563

点赞数

分类专栏： Javascipt 文章标签： javascript js jquery python

https://blog.csdn.net/craftsman2020

本文链接：https://blog.csdn.net/craftsman2020/article/details/109022831

版权

Javascipt 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

问题

有两个js脚本，脚本中的js都写在window.onload = function(){}中，为什么有一个不执行？
在页面中，只会执行后一个window.onload ，如果替换了两个function的位置，那么也是后一个winload执行，前一个被忽略。

原因

原因很简单，因为js中，window是一个对象，window下有一个属性是onload。
window.onload的意思是当页面加载完毕的时候执行。
把一个function赋值给window.onload就出现了window.onload = function(){};
两个脚本，对window.onload进行两次赋值，window.onload就会指向最后一个function，所以就只执行一个。

解决办法

把每个脚本包装成一个有名函数，最后在window.onload = function(){}中调用。

示例：

function f1(){...}
function f2(){...} 
window.οnlοad=function(){
	f1();
	f2();
}

当然，也可以用jquery的 $(function(){})。

参考：https://blog.csdn.net/oo0123101/article/details/53343422?utm_medium=distribute.pc_relevant.none-task-blog-title-6&spm=1001.2101.3001.4242

https://blog.csdn.net/mtzai/article/details/4846404?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param