More than 3 years have passed since last update.

DOMContentLoadedについて

Last updated at 2021-01-27Posted at 2021-01-27

※ただのメモです

javascriptとかで使われる「DOMContentLoaded」と言うイベントは、最初の HTML 文書の読み込みと解析が完了したとき、スタイルシート、画像、サブフレームの読み込みが完了するのを待たずに発生するやつ

つまり画面をロードされる前に実行されるイベントになる。
以下の記述はHTML文書の読み込みと解析が完了したとき「123」の数値をコンソールに出力する簡単なコード

document.addEventListener('DOMContentLoaded',function (){
  console.log(123);
});

これと似たやつが「load」になる。以下コード

window.addEventListener('load',function (){
  console.log(123);
});

参考記事