JavaScript

JavaScriptのDOMContentLoadedで、HTMLの解析が終わりDOMを操作できるタイミングを扱う方法を説明します。

DOMContentLoaded

　DOMContentLoadedイベントは、最初の HTML文書の読み込みと解析が完了したとき、スタイルシート、画像、サブフレームの読み込みが完了するのを待たずに発生します。

バブリング

あり

キャンセル

可 (ただしキャンセル不可の単純イベントとして定義されている)

インターフェイス

Event

イベントハンドラープロパティ

なし

　このイベントの本来の対象は、読み込まれた Documentです。このイベントを Windowからキャプチャやバブリングの過程で待ち受けすることができます。このイベントについての全般的な詳細は、 Document: DOMContentLoadedイベントのページをご覧ください。

　別なイベントである loadは、ページ全体が読み込まれたことを検出するためにのみ使用してください。loadを、 DOMContentLoadedがより適切である場面に使用する間違いがよくあります。