DOMContentLoadedイベントについて
初めて知ったのでメモ。
以前はこんな書き方をしてました。
window.addEventListener("load", function(){
こんな書き方があるみたい。
document.addEventListener('DOMContentLoaded',function(){ });
onloadイベントは、画像ロードも含んでロードが完了したら呼び出されるメソッド。
DOMContentLoadedイベントは、HTMLの解釈が終わったら呼び出されるメソッド。
つまり、onloadよりもDOMContentLoadedイベントの方が早く実行されるイベント。
画像表示が多いページでは、画像ロードに時間はかかるが、 初期表示時のJavaScript実行は早めにやりたいといった時には、DOMContentLaodedメソッドを使うと良い。