JavaScript - ページが表示されたときに処理を呼び出す

ページが表示されたときに処理を呼び出す: DOMContentLoaded

DOMContentLoaded イベントは、HTML の読み込みと解析が完了したときに発生します。スタイルシート、画像、サブフレームの読み込みが完了するのを待ちません。

window.addEventListener('DOMContentLoaded', (event) => {
  console.log("HTML 文書の読み込みと解析が完了しました");
});
DOMContentLoaded イベント

ページが表示されたときに処理を呼び出す: load

load イベントは、HTML や、スタイルシート、画像などのすべてのリソースが読み込まれたときに発生します。

window.addEventListener('load', (event) => {
  console.log("ページが完全に読み込まれました");
});
load イベント

onload イベントハンドラープロパティの場合も上記と同様です。

window.onload = (event) => {
  console.log("ページが完全に読み込まれました");
};
onload イベントハンドラー