2018年1月7日日曜日

DOMContentLoadedとload


備忘録シリーズ


document.addEventListener('DOMContentLoaded', 関数);



document.addEventListener('load', 関数名);


について



DOMContentLoaded
  • HTMLドキュメントの読み込みが完了したことを検知
  • リンクされている情報(CSS、画像、スクリプト、フレーム等)はまだ読み込まれていない


load
  • ページに含まれるすべての情報の読み込みが完了したことを検知する


load を使わなくてもいい時は DOMContentLoaded を使うと待ち時間を短くできる