ESSAY / NOTE

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() ;}