ラボ > Javascript関連：イベント関連

javascript ページ読込みんだらJSを走らせたい（DOMContentLoaded、load）

処理の対象要素より先にjavascriptを記載するとき「ページを読み込んだらjavascriptを実行」ってしたい

作成日:2024-03-28, 更新日:2024-03-29

HTMLソースを読み込んだ後（画像ファイルを読み込むより前）

document.addEventListener('DOMContentLoaded', function() {
  // ～ 処理 ～
});

jqueryの場合

$(function() {
  ～ 処理 ～
});

画像ファイルを含めて、HTMLソースを読み込んだ後

window.addEventListener('load', function() {
  // ～ 処理 ～
});

jqueryの場合

$(window).on('load', function() {
  ～ 処理 ～
});

関連項目