DOMContentLoadedイベントは、HTMLが完全に読み込まれ、解析されたときに発生します。スタイルシートや画像などの外部リソースの読み込みを待つ必要はありません。
document.addEventListener('DOMContentLoaded', function() { // ページ読み込み後に実行したい処理をここに書きます console.log('DOM fully loaded and parsed'); });
loadイベントは、ページ全体（スタイルシートや画像などの外部リソースを含む）が完全に読み込まれたときに発生します。
window.addEventListener('load', function() { // ページ全体が読み込まれた後に実行したい処理をここに書きます console.log('Page fully loaded'); });
名前付き関数を使用する場合
function onDOMContentLoaded() { // ページ読み込み後に実行したい処理をここに書きます console.log('DOM fully loaded and parsed'); } document.addEventListener('DOMContentLoaded', onDOMContentLoaded);
function onPageLoad() { // ページ全体が読み込まれた後に実行したい処理をここに書きます console.log('Page fully loaded'); } window.addEventListener('load', onPageLoad);