画像を含むページ全体が読み込まれた後に JavaScript コードを実行するにはどうすればよいですか?

ページが完全に読み込まれたときに関数を実行する

Web ページを操作する場合、特定の JavaScript コードが必要になる場合があります。画像を含むページ全体が完全に読み込まれた場合にのみ実行されます。 DOM (Document Object Model) の準備状況を確認するのは一般的な方法ですが、ページの読み込み完了と区別することが重要です。

ページの読み込みステータスの確認

DOM の準備が整う前が実装されたときは、ページの完了を示すためにロード イベントが使用されました。現在でもこの目的を果たしています。一方、DOM 準備完了は、DOM が JavaScript 操作の準備ができていることを具体的に示します。

load イベントの使用

ページが完全に完了したときに関数を実行するには画像を含むロードされた場合は、ロード イベント リスナーを利用できます。

<code class="js">window.addEventListener('load', function () {
  alert("It's loaded!")
})</code>

このコードは、イベント リスナーをロード イベントにアタッチします。ページとその画像が完全に読み込まれると、イベント リスナー内の関数がトリガーされます。

以上が画像を含むページ全体が読み込まれた後に JavaScript コードを実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。