English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
open()Methode ein neues Browserfenster geöffnet und die angegebene Datei darin geladen werden.
Wenn ein neues Fenster für die angegebene Dokumentation erstellt wurde, kann durch den open()-featuresParameter, um sein Aussehen und Verhalten zu ändern.
Verwendenclose()Methode zum Schließen des Fensters.
window.open(url, name, features, replace)
window.open("https://de.oldtoolbag.com");Testen Sie heraus‹/›open()-Methode wird von allen Browsern vollständig unterstützt:
| Methode | |||||
| open() | Ja | Ja | Ja | Ja | Ja |
| Parameter | Beschreibung |
|---|---|
| url | （可选）URL der zu öffnenden Webseite. Wenn keine URL eingestellt ist, öffnet die Methode window.open() ein leeres Fenster |
| name | （可选）Fenstername oder Zielattribut angeben. Mögliche Werte:
|
| features | （可选）通过逗号分隔的项目列表，没有空格。 Mögliche Werte: channelmode = yes|no| 1 | 0 Fenster im Theatermodus anzeigen. Standard ist Nein. Nur IEdirectories=yes|no|1|0 veraltet Ob ein Verzeichnisbutton hinzugefügt werden soll. Standard ist Ja. Nur IE fullscreen=yes|no|1|0 Browser im Vollbildmodus anzeigen. Standard ist Nein. Das Fenster im Vollbildmodus muss auch im Theatermodus sein. Nur IE height=pixels Höhe des Fensters. Mindestwert ist100 left=pixels Position der linken Seite des Fensters. Negative Werte sind nicht erlaubt location=yes|no|1|0 Oben oder unten der Adresseingabebereich anzeigen. Nur Opera menubar=yes|no|1|0 Ob die Menüleiste angezeigt wird resizable=yes|no|1|0 Ob das Fenster angepasst werden kann. Nur für IE scrollbars=yes|no|1|0 Ob die Scrollbalken angezeigt werden. Nur für IE, Firefox und Opera status=yes|no|1|0 Ob die Statusleiste hinzugefügt wird titlebar=yes|no|1|0 Ob die Titelleiste angezeigt wird. Wird ignoriert, es sei denn, die aufgerufene Anwendung ist eine HTML-Anwendung oder ein vertrauenswürdiger Dialog toolbar=yes|no|1|0 Ob die Browserleiste angezeigt wird. Nur für IE und Firefox top=pixels Position der Oberkante des Fensters. Negative Werte sind nicht erlaubt width=pixels Breite des Fensters. Mindestwert ist100 |
| replace | （Optional）Bestimmt, ob eine neue Zeile im Verlauf erstellt oder das aktuelle Dokument im Verlauf ersetzt wird. Mögliche Werte:
|
| Rückgabewert: | Verweist auf das Window-Objekt des neu erstellten Fensters. Wenn das Fenster nicht geöffnet werden kann, wird der Rückgabewert null sein. |
|---|
Öffnen einer leeren Seite im neuen Fenster:
window.open("", "", "width=400, height=300");Testen Sie heraus‹/›Öffnen eines neuen Fensters. Verwenden Sie das name-Attribut, um den Namen des neuen Fensters zurückzugeben:
var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>This window's name is: " + win.name + "</p>");Testen Sie heraus‹/›Öffnen von "parrot-tutorial.com":
window.open("https://de.oldtoolbag.com", "", "width=400, height=300");Testen Sie heraus‹/›Öffnen von "parrot-tutorial.com":
window.open("https://de.oldtoolbag.com", "", "left=500, top=200");Testen Sie heraus‹/›Öffnen eines neuen Fensters und Bestimmen seines Erscheinungsbildes:
window.open("https://de.oldtoolbag.com", "_blank",
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");Testen Sie heraus‹/›Öffnen eines neuen Fensters und Schließen desselben mit dem close()-Method
var popupWindow;
//Funktion zum Öffnen eines neuen Fensters
function windowOpen() {
popupWindow = window.open("https://de.oldtoolbag.com", "_blank");
}
// Funktion zum Schließen des geöffneten Fensters
function windowClose() {
if (popupWindow) {
popupWindow.close();
}
}Testen Sie heraus‹/›Verwenden Sie das opener-Attribut, um auf das Fenster zu verweisen, das das neue Fenster erstellt hat:
// Ein neues Fenster öffnen
var win = window.open("", "popupWindow", "width=300, height=200");
//Einige Inhalte in dem neuen Fenster schreiben
win.document.write("<p>Der Name dieses Fensters ist: " + win.name + "</p>");
// Einige Texte in dem Fenster, das ein neues Fenster erstellt, schreiben
win.opener.document.write("<h1>Dies ist das Quellfenster!/h1>");Testen Sie heraus‹/›Fenster (Window) Referenz:close() Methode
Fenster (Window) Referenz:closed-Attribut
Fenster (Window) Referenz:opener-Attribut