<目次> ブラウザでのJavaScriptの処理の流れ イベント登録のタイミング async属性とdefer属性 async属性:非同期で読み込み開始し、読み込み完了後に実行 defer属性:非同期で読み込みDOM構築完了後に実行 注意 参考 ブラウザでのJavaScriptの処理の流れ サーバにリクエストし、htmlの情報がブラウザに届いてから表示されるまで、JavaScriptはどのように処理されるか。 ブラウザがhtmlを読むと最初にWindowオブジェクトが生成されます。 windowオブジェクトは各ページまたはタブごとに生成されます。 windowオブジェクトのプロパティとしてDocumentオブジェクトが生成され、htmlの中身を解釈してDOMツリーを構築しようとします。 Documentオブジェクトには、文書の読み込み状況を示す文字列を返すreadyStateプロパティがあり