ホームページ > 記事 > ウェブフロントエンド > Window.onload と Body onload: どちらのイベントを使用する必要がありますか?
Window.onload と Body onload: どちらのイベントを使用する必要がありますか?
- Susan Sarandonオリジナル
- 2024-11-02 07:23:29268ブラウズ
window.onload と Body onload イベントを使用する場合
window.onload イベントと body タグの onload イベントの両方が使用されますページ全体 (画像、スタイル、フレームを含む) がブラウザーに読み込まれるときに実行される JavaScript 関数をアタッチします。
window.onload
ウィンドウ。 onload イベントは、window オブジェクトにアタッチされるイベント ハンドラーです。これは、すべてのリソース (画像、スタイルシート、スクリプトなど) を含むページ全体がロードされたときに起動されます。
bodyタグのonloadイベントは、body要素に付加されるイベントハンドラです。これは、外部リソースを除くページ全体がロードされたときに起動されます。
各イベントをいつ使用するか
一般に、window.onload を使用する必要があります。すべてのリソースを含むページ全体がロードされた後に関数を実行する必要がある場合のイベント。外部リソースを除くページがロードされた後に関数を実行する必要がある場合は、body タグの onload イベントを使用する必要があります。
例
次の JavaScript コードは、ページ全体が読み込まれた後に window.onload イベントを使用して関数を実行します。
<code class="js">window.onload = function() {
// Perform some action
}</code>
次の JavaScript コードは、body タグの onload イベントを使用して、ページの後で関数を実行します。外部リソースを除いて、ロードされました:
<code class="html"><body onload="myFunction()"> <!-- Page content --> </body></code>
以上がWindow.onload と Body onload: どちらのイベントを使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。