DOMContentLoaded と load イベント。
どちらもページの読み込み完了時に発火するイベントですが、２つには明確な違いがあります。
違いを整理する為にメモしておきます。
DOMContentLoaded イベント
DOMの読み込み完了時に発火。
ざっくり考えると、jQueryの$(function(){});と同様。
load イベント
DOMの読み込み完了に加え、ページ内のリソース（画像等）の読み込み完了時に発火。
使い分けのポイント
例えば、ページ表示時に画像の情報を取得して処理を行う場合はloadイベント、そういった処理が必要無い場合はDOMContentLoadedイベントを用いるとよいでしょう。
初めてのJavaScript 第3版
posted with ヨメレバ
Ethan Brown/武舎 広幸 オライリー・ジャパン 2017年01月20日
宮崎県在住。
プログラムを書いて暮らしています。趣味はルアーフィッシング、ギター。