Gibt es eine alternative Möglichkeit, die DOM-Bereitschaft in Javascript zu überprüfen, ohne Frameworks zu verwenden?

Dokumentbereitschaft in Javascript ermitteln

Frage:

Gibt es eine alternative Möglichkeit zur Überprüfung? für DOM-Bereitschaft in Javascript, ohne auf Frameworks wie Prototyp oder jQuery angewiesen zu sein?

Antwort:

Option 1: DOMContentLoaded Event

Das DOMContentLoaded-Ereignis wird ausgelöst, wenn das ursprüngliche HTML-Dokument analysiert wurde und das DOM zur Bearbeitung bereit ist. So verwenden Sie dieses Ereignis:

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

Beachten Sie, dass dieses Ereignis nur einmal ausgelöst wird, wenn die Seite geladen wird.

Option 2: jQuerys isReady-Eigenschaft (undokumentiert)

jQuery verfügt über eine undokumentierte Eigenschaft namens isReady, mit der die DOM-Bereitschaft überprüft werden kann:

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

Diese Eigenschaft ist zwar zuverlässig, aber nicht offiziell dokumentiert und kann in zukünftigen jQuery-Versionen entfernt werden.

Option 3: Benutzerdefinierte ReadyState-Prüfung

Inspiriert von Dustin Diaz können Sie ein benutzerdefiniertes DOM-fähiges Snippet erstellen, das prüft die document.readyState-Eigenschaft:

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

Dies funktioniert, weil die document.readyState-Eigenschaft drei Ladezustände durchläuft: „Laden“, „interaktiv“ und "vollständig". „Loading“ und „interactive“ enthalten beide den Text „in“, was darauf hinweist, dass das DOM noch nicht bereit ist.

Das obige ist der detaillierte Inhalt vonGibt es eine alternative Möglichkeit, die DOM-Bereitschaft in Javascript zu überprüfen, ohne Frameworks zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!