Heim >Web-Frontend >HTML-Tutorial >Was ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt
Was ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt
- 寻∝梦Original
- 2018-09-01 13:59:339143Durchsuche
Dieser Artikel führt hauptsächlich die Erklärung des HTML-Dokumentobjekts sowie die Analyse von Verwendungsbeispielen des HTML-Dokumentobjekts ein. Als nächstes schauen wir uns diesen Artikel gemeinsam an.
Zuerst lasst uns Einführung des Dokumentobjekts in HTML:
Das Dokumentobjekt (Dokument) stellt das Dokument im Browserfenster dar. Dieses Objekt ist ein Unterobjekt des Fensterobjekts, da das Fensterobjekt das Standardobjekt ist Das DOM-Objektmodell Object, daher müssen Methoden und Unterobjekte im Fensterobjekt nicht mit window referenziert werden.
Auf jedes im HTML-Dokument enthaltene HTML-Tag kann über das Dokumentobjekt zugegriffen werden, und der Inhalt im HTML-Tag kann dynamisch geändert werden.
Zum Beispiel Formulare, Bilder, Tabellen, Hyperlinks usw.
Werfen wir einen Blick auf die Document-Objektsammlung in HTML:
Werfen wir einen Blick auf die Online-Beschreibung des Document-Objekts in HTML :
HTMLDocument-Schnittstelle erweitert die DOM-Dokumentschnittstelle und definiert HTML-spezifische Attribute und Methoden.
Viele Eigenschaften und Methoden sind HTMLCollection-Objekte (eigentlich schreibgeschützte Arrays, die nach Array oder Namen indiziert werden können), die Verweise auf Anker, Formulare, Links und andere skriptfähige Elemente enthalten.
Diese Sammlungsattribute werden vom DOM der Ebene 0 abgeleitet. Sie wurden durch Document.getElementsByTagName() ersetzt, werden aber immer noch häufig verwendet, weil sie praktisch sind. Erwähnenswert ist die Methode
write(), da sie es einem Skript ermöglicht, dynamisch generierte Inhalte in das Dokument einzufügen, während das Dokument geladen und analysiert wird.
Beachten Sie, dass HTMLDocument im Level-1-DOM eine sehr nützliche Methode namens getElementById() definiert. Im Level 2 DOM wurde diese Methode in die Document-Schnittstelle verschoben und wird nun von HTMLDocument geerbt und nicht von diesem definiert.
Das Folgende ist ein Beispiel für die Verwendung des HTML-Dokumentobjekts:
<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使Verwendung des Dokumentobjekts, um den Dokumenttitel zu überprüfen und den Titel im Meldungsfeld anzuzeigen (falls es ist nicht leer) ). if(document.title!="")alert("title is "+document.title) Das folgende Beispiel zeigt eine Event-Handler-Funktion, die die aktuelle Position der Maus in der Statusleiste des Browsers anzeigt obere linke Ecke des Dokuments.
Das Obige ist die Einführung in das HTML-Dokumentobjekt in diesem Artikel sowie Anwendungsbeispiele, damit Sie ein klareres Verständnis des HTML-Dokumentobjekts haben Kann unten fragen.
【Empfehlung des Herausgebers】
Das obige ist der detaillierte Inhalt vonWas ist das Dokumentobjekt in HTML? Ein Artikel, der Ihnen das Verständnis des Dokumentobjekts vermittelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!