ページが読み込まれた後にのみ関数を実行するために、関数をオンロードイベントにバインドします。
window.onload = userfunction
しかし、2つの関数がある場合、FirstFunction()とSecondFunction()があります。どちらもページのロード後に実行されたいと思いますか?もしそうなら:
window.onload = firstfunciton; window.onload = secondFunction;
最後の関数のみを実行できます。これから、各イベントハンドラーは1つの命令のみにバインドできることがわかります。
しかし、私たちはこれを行うことができます:
window.onload = function(){firstFunction(); SecondFunction(); }これは解決策です。
ただし、より便利なソリューションがあります - 追加のコードを作成しますが、このコードを使用すると、機能をバインドすることで、どれだけ簡潔で簡単に行うことができます。
この関数の名前はAddloadeventで、Simon Willisonによって書かれています。パラメーターは1つだけです。ページが読み込まれたときに実行される関数の名前です。
Addloadevent()関数が完了する操作は次のとおりです。
1.既存のwindowの値を保存します。
2.この処理関数に関数が縛られていない場合は、通常どおり、形状関数を追加します。
3.一部の関数がすでにこの処理関数に拘束されている場合、既存の命令の最後に形状関数を追加します。
Addloadevent()関数のコードのリストは次のとおりです。
関数addloadevent(func){var oldonload = window.onload; if(typeof window.onload!= 'function'){window.onload = func; } else {window.onload = function(){oldonload(); func(); }}}これは、ページがロードされたときに実行される関数のキューを作成するのと同等です。今すぐ2つの関数をキューに追加する場合は、次のコードを書くだけです。
addloadevent(firstFunction); addloadevent(SecondFunction);
複数のJavaScript関数をオンロードイベント処理関数にバインドする上記の方法は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。