站内搜索:
首页 >> 前端 >> 内容
原生JS的DOM操作之共享onload事件

时间:2018/3/19 10:56:36

addLoadEvent( by Simon willison )

页面加载完毕会执行onload事件,动态绑定多了函数,它只有一个参数,打算页面执行完毕时,执行的函数名称;

把现有的window.onload的值存入变量oldLoad; 如果这个处理函数上还没有绑定任何函数,就像平时那样把新函数添加给它;

如果这个处理函数上已经绑定了一些函数,就把新函数追加到现有指令末尾

文件 addLoadEvent.js

function addLoadEvent(func){
var oldonload = window.onload;
if( typeof window.onload != 'function' ){
    window.onload = func;
}else{
    window.onload = function(){
        oldonload();
        func();
    }
}
}

执行方式
新增testFunc1.js文件

function testFunc1(){
    console.log( 'test func1 )
};
addLoadEvent(testFunc1);//执行if中的语句: 'test func1'

新增testFunc2.js文件

function testFunc2(){
    console.log( 'test func2 )
};
addLoadEvent(testFunc2);//执行else中的语句: 'test func2';

  • 上一篇:git仓库常用命令总结
  • 下一篇:url上如何添加随机数防止缓存?
  • 返回顶部