js window.onloadで複数の関数をロードするメソッド_JavaScriptスキル-jsチュートリアル-php.cn

js window.onloadで複数の関数をロードするメソッド_JavaScriptスキル

WBOY

リリース： 2016-05-16 18:42:44

オリジナル

1212 人が閲覧しました

使用法は次のとおりです:
function func(){alert("this is window onload events!");return;}
window.onload=func;
または次のようになります:
window. onload=function( ){alert("this is window onload events!");return;}

ただし、window.onload は複数の関数を同時にロードできません。

例:

コードをコピーしますコードは次のとおりです:

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

 

は前のコードを上書きし、上記のコードは b のみを出力します。
この問題を解決するには、次の方法を使用できます。

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

別の解決策は次のとおりです。 🎜>

コードをコピーしますコードは次のとおりです。

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

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

 
個人的には、暗黙的な関数を直接使用すると思いますwindow.onload =function() { t( ); b(); c() ;}) の方が高速であり、もちろん addLoadEvent を使用する方がより専門的であるため、誰もが望むようにする必要があります。