HOME
JavaScript でプログラミングを始められる方を対象とした JavaScript 入門です。JavaScript におけるプログラムの記述方法をサンプルコードと一緒に学習します。
DOMContentLoaded
イベントは、HTML の読み込みと解析が完了したときに発生します。スタイルシート、画像、サブフレームの読み込みが完了するのを待ちません。
window.addEventListener('DOMContentLoaded', (event) => {
console.log("HTML 文書の読み込みと解析が完了しました");
});
DOMContentLoaded イベントload
イベントは、HTML や、スタイルシート、画像などのすべてのリソースが読み込まれたときに発生します。
window.addEventListener('load', (event) => {
console.log("ページが完全に読み込まれました");
});
load イベントonload
イベントハンドラープロパティの場合も上記と同様です。
window.onload = (event) => {
console.log("ページが完全に読み込まれました");
};
onload イベントハンドラー