Document-Objekt

Inhaltsverzeichnis

• Allgemeines
• Methoden
• Eigenschaften
• Verwendung der Eigenschaften

zurück zum Index

Allgemeines

• Das Document-Objekt ist eines der komplexesten Objekte von Java-Script.
  • Es kann ausser Eigenschaften und Methoden auch noch Objekte beinhalten.
  • Diese Objekte beschränken sich nicht nur auf JavaScript-Objekte, sondern können auch HTML-Objekte sein.
  • Beispiel für HTML-Objekte:

    document.formularname.feldname.value=W
    

• Das Document-Objekt bezieht sich auf den Inhalt, der in einem Browser-Fenster angezeigt wird.
• In der Objekthierarchie von JavaScript liegt es unterhalb des window-Objekts.
• Im Document Object Model (DOM) des W3-Konsortiums ist das document-Objekt das Ausgangsobjekt für den Elementbaum. Die Elemente eines HTML-Dokuments stellen dem DOM zufolge also Unterobjekte des document-Objekts dar. Die einzelnen HTML-Elemente können dabei eigene Eigenschaften und Methoden haben. Entscheidend für den Zugriff auf den HTML-Elementbaum sind beim document-Objekt die DOM-Methoden getElementById und getElementsByName.
• Darüber hinaus enthält das document-Objekt selber eine Reihe wichtiger Eigenschaften und Methoden, die dokumentglobale Eigenschaften speichern oder Funktionen ausführen. Die meisten davon werden auch vom DOM unterstützt.

Methoden

• clear(): Existiert auf allen gängigen Browsern, hat aber momentan keine Auswirkung auf die Darstellung der Seite
• close()
• open()
  • besitzt ein mögliches Attribut, das sich auf den Mimetyp bezieht
  • Folgende Mimetypes sind(plattformübergreifend) möglich:
    • text/html
    • text/plain
    • image/gif
    • image/jpg
    • image/x-bitmap
  • Wird open() ohne ein Parameter verwendet, so gehen alle Browser davon aus, dass man text/html verwendet.
• write()
• writeln()

Eigenschaften

• alinkColor
• bgColor
• fgColor
• lastModified
• linkColor
• location
• referrer
• title
• vlinkColor

Beispiel für die Verwendung der Eigenschaften

<script language="JavaScript">
<!--BEGIN
	with(document)
	{
		writeln("Hintergrundfarbe: ",bgColor,"<br>");
		writeln("aktivierte Verweise: ",alinkColor,"<br>");
		writeln("verwendete Verweise: ",vlinkColor,"<br>");
		writeln("zuletzt verändert am: ",lastModified,"<br>");
		writeln("URL des Dokuments: ",location,"<br>");
		writeln("aufgerufen von: ",referrer,"<br>");
		writeln("Titel: ",title,"<br>");
	}
//END-->
</script>