JavaScriptのwindow.onloadとは何ですか？使い方を解説

window.onloadの使い方は非常にシンプルです。以下に基本的なコード例を示します。

window.onload = function() {
  // ここに実行したいコードを記述します
  console.log("ページが完全に読み込まれました！");
};

上記の例では、window.onloadのプロパティに無名関数を代入しています。この関数は、ウェブページが完全に読み込まれた後に実行されます。例では、コンソールにメッセージを出力していますが、任意のJavaScriptコードを実行することができます。

また、window.onloadは1つだけではなく、複数のイベントハンドラを設定することもできます。以下に例を示します。

window.onload = function() {
  // 最初のイベントハンドラ
  console.log("最初の処理");
};
window.onload = function() {
  // 2番目のイベントハンドラ
  console.log("2番目の処理");
};

上記の例では、2番目のwindow.onloadの設定が最後に行われているため、最初の設定は上書きされます。つまり、2番目のイベントハンドラのみが実行されます。

これらのコード例を参考にして、window.onloadの使い方を理解し、必要な場合に自分のウェブページに適用してみてください。