JavaScript - Tutorial - Objektreferenz - Das document-Objekt
Diese Objektreferenz berücksichtigt nicht die Erweiterungen moderner Browser, beispielsweise nach W3C-DOM.
Für diese Erweiterungen existiert ein eigener Anhang: Anhang A plus mit einer Referenz des W3C-DOM-Level-3-Objekttyps Document.
Für diese Erweiterungen existiert ein eigener Anhang: Anhang A plus mit einer Referenz des W3C-DOM-Level-3-Objekttyps Document.
window
document
all
styleanchorsappletsembedsformselementsoptionsimageslayerslinkslocationDas Objekt document beinhaltet die eigentliche Information zu all dem, was auf einer Seite angezeigt wird. Jedes window-Objekt besitzt solch ein Unterobjekt. Angelegt werden document-Objekte deshalb immer zusammen mit einem window-Objekt.
| Attribute des Objekts document | ||||
|---|---|---|---|---|
| Attribut | Bedeutung | Wert (wird bei deaktiviertem JavaScript nicht angezeigt) | ||
| Farben | ||||
| alinkColor | Farbe für aktivierte Links | |||
| bgColor | Hintergrundfarbe | |||
| fgColor | Textfarbe | |||
| linkColor | Verweisfarbe | |||
| vlinkColor | Verweisfarbe für besuchte Seiten | |||
| Zeichensatz | ||||
| charset | Zeichensatz | |||
| defaultCharset | voreingestellter Zeichensatz | |||
| andere | ||||
| cookie | anwenderspezifische Zeichenkette | |||
| lastModified | Datum der letzten Änderung | |||
| referrer | Herkunftsseite | |||
| title | Titel | |||
| Unterobjekte des Objekts document | ||
|---|---|---|
| Unterobjekt | Bedeutung | |
| all | Container für alle Seitenelemente (Microsoft-Modell, auch Konqueror und Opera, nicht Netscape) | |
| anchors | Array aller Verweisziele innerhalb der Seite | |
| applets | Array aller enthaltenen Java-Applets | |
| areas | Array aller über das <area>-tag erzeugten Areale | |
| embeds | Array aller über das <embed>-tag erzeugten Einbindungen | |
| forms | Array aller Formulare innerhalb der Seite | |
| images | Array aller Bilder auf der Seite | |
| layers | Array aller Layers auf der Seite (nur Netscape) | |
| links | Array aller Verweise der Seite | |
| location | Lokalisierung der Datei | |
| plugins | gegebenenfalls Array aller plugins, von Browser zu Browser verschieden | |
| Funktionen des Objekts document | ||
|---|---|---|
| Funktion | Bedeutung | |
| Fensteraktionen | ||
| getSelection() | ausgewählten Text abfragen | |
| Ereignisüberwachung | ||
| captureEvents(event) | Überwachung bestimmter Ereignisse veranlassen | |
| handleEvent(event) | ruft den standard-Eventhandler auf | |
| releaseEvents(event) | Überwachung bestimmter Ereignisse freigeben | |
| routeEvent(event) | Ereignis an Fenster weiterleiten | |
| Ausgaben | ||
| close() | Schließt ein Dokument nach Veränderungen ab | |
| open(mimetype,modus) |
öffnet ein Dokument zum erneuten Beschreiben mimetype: MimeType-String, z.B. "text/html" (optional) modus: Schreibmodus-String, z.B. "replace" (optional) | |
| write(text) | Schreibt einen Text in den HTML-Code | |
| writeln(text) | Schreibt einen Text in den HTML-Code und fügt einen Zeilenumbruch an | |
Benutzung der Funktionen des Objekts document
<script type="text/javascript">
<!--
function writepage()
{
document.open("text/html","replace");
document.write("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">\n");
document.write("<html><head><title>Automatisch generierte Seite</title></head>\n");
document.write("<body\n");
document.write(" style=\"background:white; color:black;\"\n");
document.write(">\n");
document.write("<h2>Automatisch generierte Seite</h2>\n");
document.write("tja, die Seite ist jetzt wohl ziemlich leer...<br>\n");
document.write("<a href=\"document.html#vi4\">zurück zu document.html</a>\n");
document.write("</body></html>\n");
document.close();
}
//-->
</script>
|
Durch Betätigen folgenden Buttons sieht man das Ergebnis dieser Zeilen: