Beispiel
Öffnen Sie "www.w3ii.com" in einem neuen Browserfenster:
window.open("http://www.w3ii.com"); Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die open() Methode öffnet sich ein neues Browserfenster.
Tipp: Verwenden Sie die close() Methode , um die Fenster zu schließen.
Browser-Unterstützung
| Methode | |||||
|---|---|---|---|---|---|
| open() | Ja | Ja | Ja | Ja | Ja |
Syntax
window.open( Parameterwerte Parameter Beschreibung URL Optional. Gibt die URL der Seite zu öffnen. Wenn keine URL angegeben wird, wird ein neues Fenster mit about: blank ist geöffnet name Optional. Gibt das target oder den Namen des Fensters. Folgende Werte werden unterstützt: - _blank - URL wird in ein neues Fenster geladen. Dies ist die Standardeinstellung
- _parent - URL wird in die Mutterrahmen geladen
- _self - URL ersetzt die aktuelle Seite
- _top - URL ersetzt alle Frame-Sets, die geladen werden können,
- name - Der Name des Fensters (Hinweis: der Name angeben nicht den Titel des neuen Fensters)
specs Optional. Eine durch Kommata getrennte Liste von Elementen, ohne Leerzeichen. Folgende Werte werden unterstützt:
channelmode=yes|no|1|0 Unabhängig davon, ob das Fenster im Theater-Modus angezeigt werden soll. Standard ist nein. IE nur directories=yes|no|1|0 Obsolet. Unabhängig davon, ob Verzeichnis-Schaltflächen hinzufügen. Standard ist ja. IE nur fullscreen=yes|no|1|0 Unabhängig davon, ob der Browser im Vollbildmodus anzuzeigen. Standard ist nein. Ein Fenster im Vollbild-Modus muss auch im Theater-Modus. IE nur height=pixels Die Höhe des Fensters. Minute Wert ist 100 left=pixels Die linke Position des Fensters. Negative Werte nicht erlaubt location=yes|no|1|0 Unabhängig davon, ob das Adressfeld angezeigt werden soll. Opera nur menubar=yes|no|1|0 Unabhängig davon, ob die Menüleiste anzuzeigen resizable=yes|no|1|0 Unabhängig davon, ob das Fenster der Größe veränderbar. IE nur scrollbars=yes|no|1|0 Unabhängig davon, ob Bildlaufleisten angezeigt werden soll. IE, Firefox & Opera nur status=yes|no|1|0 Unabhängig davon, ob eine Statusleiste hinzufügen titlebar=yes|no|1|0 Unabhängig davon, ob die Titelleiste angezeigt werden soll. Ignoriert, wenn die aufrufende Anwendung ist eine HTML-Anwendung oder ein vertrauenswürdiges Dialogfeld toolbar=yes|no|1|0 Unabhängig davon, ob die Browser-Symbolleiste angezeigt werden soll. IE und Firefox nur top=pixels Die obere Position des Fensters. Negative Werte nicht erlaubt width=pixels Die Breite des Fensters. Minute Wert ist 100
ersetzen Optional. Gibt an, ob die URL einen neuen Eintrag erstellt oder ersetzt den aktuellen Eintrag in der Verlaufsliste. Folgende Werte werden unterstützt: - true - URL ersetzt das aktuelle Dokument in der History-Liste
- false - URL erstellt einen neuen Eintrag in der History-Liste
Technische Details
Rückgabewert: Ein Verweis auf die neu erstellte Fenster oder null , wenn der Anruf fehlgeschlagen
Mehr Beispiele
Beispiel
Öffnen Sie ein Thema: leere Seite in einem neuen Fenster:
var myWindow = window.open("", "", "width=200,height=100"); Versuch es selber "
Beispiel
Öffnen Sie ein neues Fenster namens "MsgWindow" und schreiben einen Text hinein:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); Versuch es selber "
Beispiel
Ersetzen Sie das aktuelle Fenster mit einem neuen Fenster:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); Versuch es selber "
Beispiel
Öffnen Sie ein neues Fenster und steuern das Aussehen:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); Versuch es selber "
Beispiel
Öffnen Sie mehrere Fenster:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); Versuch es selber "
Beispiel
Öffnen Sie ein neues Fenster. Verwenden Sie close() das neue Fenster zu schließen:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} Versuch es selber "
Beispiel
Öffnen Sie ein neues Fenster. Verwenden Sie den Namen Eigenschaft den Namen des neuen Fensters zurückzukehren:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); Versuch es selber "
Beispiel
Mit der Opener Eigenschaft zurückzukehren einen Verweis auf das Fenster, das das neue Fenster erstellt:
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window Versuch es selber "
<Fensterobjekt