Wie kann ich die Funktionalität von $(document).ready() erreichen, ohne jQuery zu verwenden?

Entspricht $(document).ready() ohne jQuery

Die Funktion $(document).ready() in jQuery ist eine Ereignishandler, der auf das Laden des DOM wartet, bevor er seinen Rückruf ausführt. Wenn Sie jQuery nicht verwenden, können Sie den gleichen Effekt mit dem folgenden Codeausschnitt erzielen:

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

Diese Methode hängt einen Listener an das Ereignis „DOMContentLoaded“ an, das ausgelöst wird, wenn der DOM-Baum geöffnet wurde geladen (ausgenommen externe Assets wie Bilder).

Unterschiede zu window.onload

Es ist wichtig zu beachten, dass sich window.onload nicht genau wie $(document) verhält. .bereit(). Während window.onload darauf wartet, dass das DOM geladen wird und alle Elemente geladen werden, wartet $(document).ready() nur darauf, dass das DOM geladen wird. Dies kann wichtig sein, wenn Ihr Skript auf das Vorhandensein von DOM-Elementen angewiesen ist, insbesondere wenn Sie mit externen Ressourcen arbeiten.

IE8 und ältere Äquivalente

Für Browser älter als IE9 kann das folgende Code-Snippet verwendet werden:

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

Dieser Code prüft den „interaktiven“ Status des Dokuments, der anzeigt, dass der DOM-Baum geladen wurde, externe Ressourcen jedoch möglicherweise noch geladen werden.

Das obige ist der detaillierte Inhalt vonWie kann ich die Funktionalität von $(document).ready() erreichen, ohne jQuery zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!