javascript - 「DOMContent イベント」と「load イベント」の違いは何ですか

Question

Chrome の Developer ツールでは、「DOMContent イベント発生」というラベルの付いた青い縦線と、「load イベント発生」というラベルの付いた赤い縦線。「DOMContentイベントが発生しました」とは、ブラウザがインラインJavaScriptの実行を開始することを意味しますか? そして、「ロードイベントが発生した」とは、「オンロード」イベントが発生したことを意味しますか?

Answer 1

「DOMContent イベント」は webkit (chrome が依存する) からのもので、DOMContentLoaded msdn mdn と^{同等 です}。

DOMContentLoaded イベントは、現在のページの解析が完了すると発生します。load (onload) イベントは、広告や画像を含むすべてのリソースからのすべてのファイルの読み込みが完了すると発生します。DOMContentLoaded は、UI 機能を複雑な Web ページに接続するために使用する優れたイベントです。

こちらのデモ、関連する質問を参照してください。

Answer 2

DOMContentLoaded イベントは、スタイルシート、画像、およびサブフレームの読み込みが完了するのを待たずに、ドキュメントが完全に読み込まれて解析されると発生します (load イベントを使用して、完全に読み込まれたページを検出できます)。