Web ページの読み込みと実行のシーケンスを理解する
ブラウザは Web ページに遭遇すると、そのさまざまなコンポーネントを読み込み、実行する一連のイベントを開始します。このプロセスは、一連のステップとして理解できます:
1. HTML 解析:
- ブラウザは HTML ドキュメントをダウンロードします。
- ブラウザは HTML の解析を開始し、ページ構造を表すドキュメント オブジェクト モデル (DOM) を作成します。
2.リソースの読み込みと実行:
- パーサーは外部リソース (CSS、JavaScript など) に遭遇すると、それらをリクエストしてダウンロードします。
-
CSS Loading: CSS ファイルがダウンロードされて解析され、スタイルが DOM に適用されます。
-
インライン JavaScript: