您现在的位置:首页 >> 前端 >> 内容

原生JS的DOM操作之共享onload事件

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

  核心提示:addLoadEvent( by Simon willison )页面加载完毕会执行onload事件,动态绑定多了函数,它只有一个参数,打算页面执行完毕时,执行的函数名称;把现有的window.onl...

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';

Tags:原生 生J JS S的 
作者:网络 来源:mooonyuan的