Was ist das DOM-fähige Ereignis?

9

Ich muss ein Skript auslösen, sobald der Seiteninhalt (das gesamte HTML-Element) empfangen wurde, aber noch nicht gerendert werden muss.

Ich nehme an, dass ein einfaches <script> -Tag, das einen Code ganz oben auf meiner Seite ausführt, nur einen Trick darstellt.

Um die Frage anders zu formulieren: Bedeutet DOM ready, dass alle Elemente und Ressourcen gezogen und gerendert wurden?

    
silkAdmin 28.09.2012, 09:55
quelle

4 Antworten

22

DOM ready bedeutet, dass der gesamte HTML-Code vom Browser empfangen und in den DOM-Baum geparst wurde, der nun manipuliert werden kann.

Es tritt auf, bevor die Seite vollständig gerendert wurde (da externe Ressourcen möglicherweise noch nicht vollständig heruntergeladen wurden - einschließlich Bildern, CSS, JavaScript und anderen verknüpften Ressourcen).

Das tatsächliche Ereignis heißt DOMContentLoaded .

    
Oded 28.09.2012, 09:57
quelle
6

DOMready bedeutet: Die DOM-Struktur wurde im Browser-Speicher erstellt. Asynchron hat die Seite bereits mit dem Rendern begonnen, aber sie ist möglicherweise noch nicht fertig, da externe Ressourcen wie Bilder, Videos usw. später geladen werden.

    
devnull69 28.09.2012 09:58
quelle
1

Sie können es auch mit den Funktionen

versuchen %Vor%

oder

%Vor%

wenn Sie jQuery nicht verwenden möchten.

Seien Sie jedoch vorsichtig, DOM geladen bedeutet nicht, dass die geladene Seite, Iframes, Javascript, Bilder und CSS nach diesem Ereignis geladen werden.

Es gibt ein gutes Tuto auf DOM-Events Javascript-Tutorial

    
Léo Benallal 28.09.2012 10:03
quelle
-1

Das Document Object Model (DOM) ist eine plattformübergreifende und sprachunabhängige Konvention zur Darstellung und Interaktion mit Objekten in HTML-, XHTML- und XML-Dokumenten. [1] Die Knoten jedes Dokuments sind in einer Baumstruktur angeordnet, die als DOM-Struktur

bezeichnet wird     
satender 27.09.2014 09:48
quelle

Tags und Links