JavaScript-Programmierung von Kopf bis Fuß

Sie sind hier � 627

Was übrig bleibt

3. Das window-Objekt

Vom DOM haben Sie schon gehört. Daneben gibt es aber auch noch ein BOM (Browser Objekt Model). Obwohl

dies kein offizieller Standard ist, wird es von allen Browsern über das window-Objekt unterstützt. Es ist uns kurz

begegnet, als wir die window.onload-Eigenschaft benutzt haben, und Sie erinnern sich, dass wir dieser Eigenschaft

einen Event-Handler zuweisen können, der ausgeführt wird, wenn der Browser die Seite vollständig geladen hat.

Außerdem haben Sie das window-Objekt, gesehen, als wir die Methoden alert und prompt benutzt haben, auch

wenn das vielleicht nicht so offensichtlich war. Der Grund dafür ist, dass window als globaler Namensraum dient.

Wenn Sie eine globale Variable oder eine globale Funktion definieren, wird sie als Eigenschaft im window-Objekt

gespeichert. Bei jedem Aufruf von alert hätten wir daher auch window.alert schreiben können, weil beides das

Gleiche ist.

Eine andere Stelle, an der Sie das window-Objekt möglicherweise ohne es zu merken, benutzt haben, ist bei der

Verwendung des document-Objekts, um Elemente per document.getElementById aus dem DOM zu holen. Das

document-Objekt ist nämlich eine Eigenschaft des window-Objekts. Wir hätten also auch window.document.

getElementById

schreiben können. Aber wie bei alert ist das nicht nötig, weil document für alle Methoden und

Eigenschaften das globale Objekt ist.

Neben seiner Funktion als globales Objekt und der Bereitstellung der onload-Eigenschaft und der Methoden

alert und prompt stellt das window-Objekt eine Reihe weiterer browserbasierter Eigenschaften und Metho den

zur Verfügung. So werden häufig die Breite und Höhe des Browserfensters ausgelesen, um die Größe des Browser-

fensters an die Darstellung der Webseite anzupassen. Sie können auf diese Werte zugreifen wie folgt:

Weitere Informationen zum window-Objekt finden Sie in der W3C-Dokumentation

*

. Hier noch einige häufig

verwendete Methoden und Eigenschaften:

Benutzen Sie diese Eigenschaften, um die Höhe und Breite des

Browserfensters in Pixeln zu ermitteln. Beachten Sie, dass diese

Eigenschaften in manchen älteren Browsern nicht zur Verfügung stehen.

window.close()

window.setTimeout()

window.setInterval()

window.print()

window.confirm()

window.history

window.location

Diese Methode schließt das Browserfenster.

Diese Methoden kennen Sie bereits. Sie

stammen vom window-Objekt.

Löst den Ausdruck der Seite aus.

Diese Methode funktioniert so ähnlich wie prompt. Allerdings gibt sie dem

Benutzer die Wahl zwischen einem »OK«- und einem »Abbrechen«-Button.

Diese Eigenschaft enthält ein Objekt, das den Browserverlauf darstellt.

Diese Eigenschaft enthält die URL der aktuellen Seite. Sie können dieser Eigenschaft

im Browser auch direkt eine neue URL zuweisen, um eine neue Seite zu laden.

window.innerWidth

window.innerHeight

* http://www.w3.org/html/wg/drafts/html/CR/browsers.html#the-window-object