Okt 2008

Javascript window • Browserfenster steuern

 
 
Browserfenster.jpg
Bislang haben die Browser den Zugriff auf die Informationen über das Browserfenster in eigener Regie festgelegt, aber mit dem Window-Objekt schließt das W3C die Grauzone und setzt die Eckpfeiler des Web-Scriptings.

Jedes <body>- und jedes <frameset>-Tag erzeugt automatisch ein Window-Objekt. Das Window-Objekt modelliert das Browserfenster mit der Statuszeile, Dialogboxen, dem Dokument, der Ereignissteuerung und Timern.

Die globale Objekt-Hierarchie

Während die Javascript-Sprachelemente von der ECMA spezifiziert werden, wird das Window-Objekt und (fast) alles, was darunter liegt, vom W3C festgelegt. Anders als das Document Object steckt das Window-Objekt des W3C aber noch in den Kinderschuhen – Window Object 1.0 W3C Working Draft 07 April 2006.

Dass JavaScript sich so prächtig mit Browsern und Webseiten versteht, verdankt es seinen vorgefertigten Objekten, die Informationen über das Browserfenster und das Dokument zur Verfügung stellen. Diese Objekte liegen in einer leicht nachvollziehbaren Hierarchie und liefern ein umfassendes Archiv (eine Library) voller Eigenschaften und Methoden des Browserfensters und des Dokuments.

windowHierarchie.png

Bei Frames, History, Location, Navigator und Screen holt sich das Skript Informationen: die Auflösung und Farbtiefe des Monitors, die Historie des Browserfensters zu (wo war Benutzer vorher?), Betriebssystem, Browsertyp und die URL der Webseite. Der Manipulation dieser Objekte sind allerdings enge Grenzen gesetzt.

window.document (nur lesen )

Document-Objekt des aktuellen Fensters – Zentrale für das Scripting von Internetseiten.

window.location (lesen/schreiben)

URL des aktuellen Fensters.

window.history(index) (nur lesen)

die URLs, die vom aktuellen Fenster besucht wurden.

window.navigator Referenz

Verweis auf das Navigator-Objekt (den Browser).

window.screen Referenz

ermittelt Eigenschaften des Bildschirms

Eigenschaften des window-Objekts

Objektmodelle wie das Window-Objekt und das Document Object Model (DOM) sind kein Teil der ECMAScript-Spezifikation. Der Host (der »Gastgeber«) stellt sie für die Kommunikation zwischen dem Host und Javascript zur Verfügung und dieser Host ist fast immer der Browser.
self | window Referenz

window.self ist ein Verweis auf das aktuelle Window-Objekt – ein Synonym für window. window wiederum ist ein Verweis auf das aktuelle Fenster, in dem das Script agiert.

window.closed Boolean

Ein boolescher Wert, der angibt, ob das angesprochene Fenster/ der Frameset geschlossen wurde.

window.opener

Beim Öffnen eines neuen Fensters gibt window.opener Informationen über das Fenster zurück, aus dem das Fenster geöffnet wurde.

window.opener.source schliesst z.B. das Quellfenster. window.opener gibt null zurück, wenn der Benutzer das Fenster geöffnet hat.

<button id="jswinOpener">Neues Fenster öffnen</button>
… 
<script type="text/javascript">
var jswinOpener = document.getElementById('jswinOpener'); 
jswinOpener.onclick = function() {
   window.open('NewWindow.html','testMyOpener','width=500,height=800'); 
}
</script>
innerWidth | innerHeight Integer

verfügbare Breite und Höhe des Browserfensters in Pixeln

Wird von IE nicht unterstützt. Das Äquivalent für IE ist

document.body.clientWidth | document.body.clientHeight
outerWidth | outerHeight Integer

Größe des Fensters mit allen Elementen wie Scrollleisten und Titelleiste in Pixeln.

Wird von IE nicht unterstützt und es gibt auch kein Äquivalent.

pageXOffset | pageYOffset Integer

gibt an, wie weit das aktuelle Dokument von der oberen linken Ecke des Fensters horizontal bzw. vertikal gescrollt wurde.

Wird von IE nicht unterstützt. Das Äquivalent für IE ist 

document.body.scrollLeft | document.body.scrollTop
screenX | screenY Integer

X/Y-Kooridinaten des Browsers auf dem Monitor

Wird von IE nicht unterstützt. Das Äquivalent für IE ist 

window.screenLeft | window.screenTop
window.name (lesen und ändern) String

liest bzw. ändert den Namen des aktuellen Fensters. Das Browserfenster hat per Vorgabe keinen Namen, aber der String window.name ist immer vorhanden, auch wenn er leer ist.

Mit window.name können Daten zwischen Fenster übertragen werden – sogar bei Dokumenten aus verschiedenen Domainen.

window.defaultStatus String

Ein Text, der in der Statuszeile des Browserfensters angezeigt wird. Wird in den Browsern beim Laden des Fensters häufig nur kurz angezeigt.

window.defaultStatus = "Meine schöne Seite";
Firefox-Statusleiste.png
Firefox deaktiviert den Zugriff auf die Statuszeile durch Javascript aus Sicherheitsgründen. Das Beispiel funktioniert in Firefox nur, wenn in den erweiterten Einstellung für Javascript „Statuszeilentext ändern“ aktiviert ist (und welcher Besucher macht das schon?).
window.status (lesen und schreiben)

Eine Nachricht, die kurz in der Statuszeile des Browsers angezeigt wird.

Die meisten Browser zeigen flüchtige Hinweise für den Benutzer in einer Statuszeile am unteren Rand des Fensters. Wenn der Benutzer die Maus über einen Link führt, zeigt der Browser i.d.R. die URL des Links und löscht den Hinweis sofort wieder, wenn die Maus den Link verlässt. Wenn der Benutzer die Maus über eine Schaltfläche führt, kann der Browser eine Kontexthilfe zu der Schaltfläche anzeigen.

Browserfenster und Frames

window.frames (frameID)

ein Array mit allen FRAME-Elementen des aktuellen Fensters

window.length

Anzahl der Frames, die in diesem Frame oder Fenster enthalten sind.

window.parent (lesen) Referenz

Verweis auf das Fenster oder den Frame, die das aktuelle Fenster aufgerufen haben. Wenn das aktuelle Fenster ein Frame ist, ist window.parent ein Verweis auf das Fenster, das den Frame enthält

top
Synonym für das oberste Browserfenster
   


Galileo Design

Galileo Design – Spitzentitel für digitale Fotografie, Webdesign, Flash, Bildbearbeitung mit Adobe Photoshop.

Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering • Impressum und Nutzungsbestimmungen