Meldung

21.08.2007 - Zugriff auf ein aufrufendes HTML-Fenster

HTML-Fenster können mit JavaScript geöffnet und geschlossen werden. Die dafür benötigten Methoden stellt das Window-Objekt zur Verfügung. Aber auch vom geöffneten Fenster aus ist der Zugriff auf das Parent-Fenster, welches dieses HTML-Fenster geöffnet hat, möglich. Beim Öffnen eines HTML-Fensters liefert die Methode open(), mit der unter JavaScript das Öffnen von Browserfenstern bewerkstelligt wird, einen Verweis auf das erzeugte Fensterobjekt. Diese Methode ist Teil des in JavaScript vordefinierten Window-Objekts, welches für den Umgang mit dem Browserfenster gedacht ist.

Eine Reihe weiterer Methoden sind im Window-Objekt definiert – darunter ist auch die close()-Methode, mit der ein zuvor geöffnetes HTML-Fenster wiederum geschlossen werden kann. Als Parameter erwartet die Methode close einen, zuvor über die Methode open gelieferten, Verweis auf das vorher geöffnet PopUp-Fenster. Im JavaScript PopUp-Beispiel werden Funktionen implementiert, die zum Öffnen bzw. Schließen von HTML-Fenstern verwendet werden können – hier wird ein PopUp-Fenster automatisch über das onLoad-Event geöffnet. Das Event onLoad ist nur eines der zahlreichen unter JavaScript möglichen Events. Neben dem onLoad-Event wird im JavaScript-Beispielbereich auch das onClick beschrieben. Dieses Event tritt immer dann auf, wenn der Besucher mit der Maus auf ein bestimmtes HTML-Element klickt.

Das Opener-Beispiel zeigt, wie in JavaScript der Zugriff auf ein Eltern-Fenster erfolgt. Dabei werden zwei Möglichkeiten demonstriert, bei denen je ein Fenster geöffnet wird: Einmal als JavaScript-Aufruf der open-Methode unter Verwendung des Void-Operators im HREF-Attribut eines Link-Elements. Die Parameter zum Öffnen des HTML-Fensters werden als Zeichenketten an die Methode open übergeben.

Im zweiten Anwendungsfall wird wiederum die URL der Seite direkt im HREF-Attribut des A-Tags angegeben und der Browser mit dem Target-Attribut angewiesen das HTML-Dokument in einem neuen Fenster zu öffnen. Zum Beispiel gehört eine HTML-Datei, die über opener den Zugriff auf das Parent-Fenster zeigt. Mit der dem JavaScript-Objekt Document zugehörigen Methode write() werden Informationen, auf die über das opener-Objekt zugegriffen wird, ausgegeben. Hier werden die href-Eigenschaften des PopUp-Fenster und des Elternfensters ausgegeben. Die href-Eigenschaft ist Teil des Location-Objekts, welches ebenfalls in der JavaScript-Objekthierarchie enthalten ist.


Alexander Müller