zoukankan      html  css  js  c++  java
  • js window.onload 加载多个函数的两种方法

    window.onload,方法在项目中经常被使用,用法如下:

    function func(){alert("window的Onload事件被触发啦!");return;} 

    window.onload=func;

    或者如下:

    window.onload=function(){alert("window的Onload事件被触发啦!");return;}

     

    1.问题:

    但window.onload 不能同时加载多个函数。比如:

    function t(){

    alert("t")

    }

    function b(){

    alert("b")

    }

    window.onload =t ;

    window.onload =b ;

    后面会把前面的覆盖,上面代码只会输出 b。

     

    2.解决方法

    方法一: 

    写一个总的函数调用需要触发的函数

    window.onload =function() { t();  b(); }

    方法二:

    写一个方法

    使用addLoadEvent(func)  

    使用如下:

    function t(){

    alert("t")

    }

    function b(){

    alert("b")

    }

    function c(){

    alert("c")

    }

    function addLoadEvent(func) {

      var oldonload = window.onload;

      if (typeof window.onload != 'function') {

        window.onload = func;

      } else {  

        window.onload = function() {

          oldonload();

          func();

        }

      }

    }

    addLoadEvent(t);

    addLoadEvent(b);

    addLoadEvent(c);

    //等价于  window.onload =function() { t();  b(); c() ;}

  • 相关阅读:
    python json模块出现Invalid control character这个异常的原因
    KMS服务,使用命令激活windows/office
    vscode Python文件头部信息
    MIMIC-III Clinical Database 翻译
    autohotkey 设置
    DeepLearning 写代码常用
    VScode 个人设置
    随机种子设置
    samba配置
    jieba 分词不显示日志
  • 原文地址:https://www.cnblogs.com/Mblog/p/1618724.html
Copyright © 2011-2022 走看看