批評DOMContentLoadedイベントとloadイベントの違い[タイミング]2017年6月11日JavaScriptDOMContentLoadedイベントはDOMツリーの構築が完了した時点で発火されます。loadイベントはDOMツリーに加えて画像やすべてのスクリプトが読み込まれた時点で発火されます。よって特に画像に関する処理を行わない限りページの初期化はDOMContentLoadedイベントを利用するのが良いでしょう。WebブラウザにおけるJavaScriptの処理の流れ(1〜3)を大まかに記述します。WebブラウザはグローバルオブジェクトであるWindowオブジェクトを生成します。WindowオブジェクトのプロパティとしてDocumentオブジェクトが生成されます。DocumentオブジェクトはDOMツリーを読み込んでいきます。解析が終わるとDOMContentLoadedイベントが発火されます。DOMツリーの構築が完了した後に、画像が読み込まれていきます。読み込みのすべてが完了するとWindowオブジェクトに対してloadイベントが発火されます。