window.onload不能正常执行

最新推荐文章于 2022-11-12 16:44:08 发布

彭世瑜

最新推荐文章于 2022-11-12 16:44:08 发布

阅读量2.3k

点赞数 2

本文为博主原创文章，欢迎转载，请注明出处

本文链接：https://blog.csdn.net/mouday/article/details/106543427

版权

第一天的需求写了一个window.onload ，可以正常执行，第二天加了一个类似的需求，为了分开各个功能，我copy了前一天的代码，完成了功能，没有进行测试，直接上线，导致原来的代码无法运行，就像下面的代码一样

<script>
  // 第一天写的代码
  window.onload = function () {
    console.log("window.onload1");
  };

  // 第二天加的需求
  window.onload = function () {
    console.log("window.onload2");
  };
</script>

控制台只能打印

window.onload2

两次赋值window.onload ，第一次的值被第二次的值给覆盖了，所以第一个函数并没有执行

正确的写法应该是

<script>
  function func1() {
    console.log("window.onload1");
  }

  function func2() {
    console.log("window.onload2");
  }

  //   只能有一个`window.onload`
  window.onload = function () {
    func1();
    func2();
  };
</script>