^{<noscript id="6qvhq"></noscript>}

js window.onload 加載多個函數的方法

2019-11-21 01:01:10

字體：大中小

來源：轉載

供稿：網友

用法如下：
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下：
window.onload=function(){alert("this is window onload event!");return;}

但window.onload 不能同時加載多個函數。

比如：

復制代碼代碼如下:

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

后面會把前面的覆蓋，上面代碼只會輸出 b。
此時可用如下方法解決：

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

另一種解決方法如下：

復制代碼代碼如下:

 
function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
window.onload = func; 
} else { 
window.onload = function() { 
oldonload(); 
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() ;} 