JavaScriptのdocument window.onloadイベントの使用方法


以下に、window.onloadイベントを使用するシンプルで簡単な方法といくつかのコード例を示します。

  1. HTML内で直接JavaScriptを使用する方法:

    <!DOCTYPE html>
    <html>
    <head>
    <title>ページのタイトル</title>
    <script>
    function myFunction() {
      // ここに実行したい処理を記述する
    }
    window.onload = myFunction;
    </script>
    </head>
    <body>
    <!-- ページのコンテンツ -->
    </body>
    </html>
  2. 外部のJavaScriptファイルを使用する方法:

    <!DOCTYPE html>
    <html>
    <head>
    <title>ページのタイトル</title>
    <script src="script.js"></script>
    </head>
    <body>
    <!-- ページのコンテンツ -->
    </body>
    </html>

script.jsファイル内のコード:

window.onload = function() {
  // ここに実行したい処理を記述する
};

これらの例では、window.onloadイベントが発生した後に実行したい処理を指定しています。実際の処理は、関数内に記述することができます。このイベントを使用することで、ページが完全に読み込まれた後に必要な操作を実行することができます。