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

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