HTML ページのライフサイクルは、3つの重要なイベントを持っています: DOMContentLoaded – ブラウザが HTML を完全に読み込み、DOM ツリーは構築されましたが、写真 <img> のような外部リソースやスタイルシートはまだ読み込まれていない可能性があります。 load – ブラウザがすべてのリソース（画像, スタイルなど）を読み込みました。 beforeunload/unload – ユーザがページを離れようとしているとき。 それぞれのイベントが役に立つ場合があります: DOMContentLoaded イベント – DOMは準備できたので、ハンドラは DOM ノードを調べ、インタフェースを初期化することができます。 load イベント – 追加のリソースがロードされ、画像のサイズなどが取得できます(HTML/CSSで指定されていない場合)。 beforeunloa
