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

使用法は次のとおりです:
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 を使用する方がより専門的であるため、誰もが望むようにする必要があります。