フレームワークを使用せずにJavaScriptでDOMの準備状況を確認する別の方法はありますか?

JavaScript でのドキュメントの準備状況の確認

質問:

確認する別の方法はありますかプロトタイプや jQuery などのフレームワークに依存せずに、JavaScript で DOM を準備するには?

答え:

オプション 1: DOMContentLoaded イベント

DOMContentLoaded イベントは、最初の HTML ドキュメントが解析され、DOM を操作できる状態になったときに発生します。このイベントを使用するには:

function fireOnReady() { /* ... */ }
if (document.readyState === 'complete') {
    fireOnReady();
} else {
    document.addEventListener("DOMContentLoaded", fireOnReady);
}

このイベントはページの読み込み時に 1 回だけ発生することに注意してください。

オプション 2: jQuery の isReady プロパティ (文書化されていません)

jQuery には、DOM の準備状況をチェックするために使用できる isReady という文書化されていないプロパティがあります。

if($.isReady) {
    // DOM is ready
} else {
    // DOM is not yet ready
}

このプロパティは信頼できますが、信頼できるものではありません。公式に文書化されており、将来の jQuery バージョンでは削除される可能性があります。

オプション 3: カスタム ReadyState チェック

Dustin Diaz からインスピレーションを得て、チェックを行うカスタム DOM ReadyState スニペットを作成できます。 document.readyState プロパティ:

if( !/in/.test(document.readyState) ) {
    // document is ready
} else {
    // document is NOT ready
}

これが機能するのは、document.readyState プロパティが 3 つの読み込み状態 (「読み込み中」、「対話型」、および「対話型」) を経由するためです。 "完了"。 「Loading」と「interactive」の両方に「in」というテキストが含まれており、DOM の準備がまだ整っていないことを示します。

以上がフレームワークを使用せずにJavaScriptでDOMの準備状況を確認する別の方法はありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。