事務屋さんの備忘録

主にプログラミングのことを書いていきます。メモというか備忘録的な感じで。プログラミングといっても、私はプロのエンジニアでも本職のプログラマーでもありません。単なる事務職をやってるサラリーマンで、空いた時間にちょこちょこっとプログラミングしてる程度です。よってこのブログに記載したことが誤っていたり、もっとよい方法がある場合もあると思います。その場合には、ご指摘いただけると嬉しいです。また、このブログを読んで役に立った、なんて方がいらっしゃったら幸いですね。

DOMContentLoadedイベントについて

初めて知ったのでメモ。

以前はこんな書き方をしてました。

window.addEventListener("load", function(){


こんな書き方があるみたい。

document.addEventListener('DOMContentLoaded',function(){

});


onloadイベントは、画像ロードも含んでロードが完了したら呼び出されるメソッド
DOMContentLoadedイベントは、HTMLの解釈が終わったら呼び出されるメソッド
つまり、onloadよりもDOMContentLoadedイベントの方が早く実行されるイベント。

画像表示が多いページでは、画像ロードに時間はかかるが、 初期表示時のJavaScript実行は早めにやりたいといった時には、DOMContentLaodedメソッドを使うと良い。