JavaScript bietet integrierte Methoden zum Öffnen und Schließen des Browserfensters, um zusätzliche Vorgänge wie Roboterfenster usw. auszuführen. Diese Methoden helfen beim Öffnen oder Schließen der Popups im Browserfenster. Im Folgenden sind die Fenstermethoden aufgeführt:
Der Fenster öffnen Die Methode wird verwendet, um eine neue Webseite in einem neuen Fenster zu öffnen und window.close Methode zum Schließen einer mit der window.open-Methode geöffneten Webseite. Sehen Sie sich die Methode window.open() im Detail an:
Window.open()
Es handelt sich um eine vordefinierte Fenstermethode von JavaScript Wird verwendet, um die neue Registerkarte oder das neue Fenster im Browser zu öffnen. Dies hängt von Ihren Browsereinstellungen oder den in der window.open()-Methode übergebenen Parametern ab, mit denen entweder ein neues Fenster oder eine neue Registerkarte geöffnet wird.
Diese Methode wird von fast allen gängigen Webbrowsern wie Chrome unterstützt. Feuerfuchs usw. Im Folgenden finden Sie die Syntax und die Parameter der Fensteröffnungsmethode:
Syntax
Diese Funktion akzeptiert vier Parameter, die jedoch optional sind.
window.open(URL, name, specs, replace);
Oder
Sie können diese Funktion auch ohne Verwendung des verwenden Fenster Schlüsselwort wie unten gezeigt:
open(URL, name, specs, replace)
Es gibt keinen Unterschied zwischen beiden Syntaxen.
Parameterliste
Unten finden Sie die Parameterliste der Methode window.open(). Beachten Sie, dass alle Parameter dieser Methode optional sind und unterschiedlich funktionieren.
URL: Dieser optionale Parameter der Funktion window.open() enthält den URL-String einer Webseite, die Sie öffnen möchten. Wenn Sie in dieser Funktion keine URL angeben, wird ein neues leeres Fenster geöffnet ( über:leer ).
Name: Mit diesem Parameter können Sie den Namen des Fensters festlegen, das Sie öffnen möchten. Es unterstützt die folgenden Werte:
| _leer | Die übergebene URL wird in einen neuen Tab/ein neues Fenster geladen. |
| _Elternteil | Die URL wird in das bereits geöffnete übergeordnete Fenster oder Frame geladen. |
| _selbst | Durch die Übergabe dieses Parameters ersetzt die URL die vorherige Ausgabe und im selben Frame öffnet sich ein neues Fenster. |
| _Spitze | Die URL ersetzt jedes Frameset, das geladen werden kann. |
| Name | Geben Sie den Namen des neuen Fensters an, um den Text oder alle darin enthaltenen Daten anzuzeigen. (Hinweis – nicht der Titel des Fensters) |
Die oben angegebenen Werte werden in einfachen oder doppelten Anführungszeichen an die Funktion window.open() an der Stelle des Namensparameters übergeben.
Spezifikationen: Dieser Parameter enthält die durch Komma getrennten Einstellungen. Das in diesem Parameter verwendete Element darf keine Leerzeichen enthalten. z. B. Breite=150, Höhe=100 .
Es unterstützt mehrere Werte.
Rückgabetyp in Java
ersetzen: Wie die anderen Parameter der Methode window.open() ist auch dies ein optionaler Parameter. Es erstellt entweder einen neuen Eintrag oder ersetzt den aktuellen Eintrag in der Verlaufsliste. Es unterstützt zwei boolesche Werte; das bedeutet, dass entweder true oder false zurückgegeben wird:
| WAHR | Gibt „true“ zurück, wenn die URL den aktuellen Eintrag oder das aktuelle Dokument in der Verlaufsliste ersetzt. |
| FALSCH | Gibt „false“ zurück, wenn die URL einen neuen Eintrag in der Verlaufsliste erstellt. |
Rückgabewerte
Es wird ein neu geöffnetes Fenster zurückgegeben.
Beispiele
Hier sind einige Beispiele für die Funktion window.open() zum Öffnen des Browserfensters/-tabs. Standardmäßig wird die angegebene URL in einem neuen Tab oder Fenster geöffnet. Sehen Sie sich die folgenden Beispiele an:
1. open() mit URL-Parameter
Dies ist ein einfaches Beispiel für eine Fensteröffnungsmethode mit einer darin enthaltenen Website-URL. Wir haben einen Knopf verwendet. Durch Klicken auf diese Schaltfläche ruft die Methode window.open() die Website auf und öffnet sie in einem neuen Browser-Tab.
Code kopieren
Click the button to open new window <br> <br> Open WindowTesten Sie es jetzt
Oder
Dieser Code kann wie folgt geschrieben werden:
Code kopieren
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Testen Sie es jetzt Ausgabe
Wenn Sie darauf klicken Fenster öffnen Klicken Sie auf die Schaltfläche. Die Javatpoint-Site wird in einem neuen Tab im selben Fenster geöffnet.
Chrome-Adressleiste
Siehe den Screenshot unten:
2. open() ohne Parameter
In diesem Beispiel übergeben wir keinen Parameter an die Funktion window.open(), sodass die neue Registerkarte im vorherigen Fenster geöffnet wird.
Code kopieren
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Testen Sie es jetzt Ausgabe
Wenn Sie den obigen Code ausführen, wird eine Schaltfläche angezeigt.
Wenn Sie darauf klicken Fenster öffnen Klicken Sie auf die Schaltfläche, ein leeres Fenster wird in einem neuen Tab geöffnet.
3. open() mit Namensparametern
In diesem Beispiel geben wir an _Elternteil am Namensparameter. Sie können darin jeden dieser Werte (_parent, _blank, _top usw.) übergeben.
Code kopieren
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Testen Sie es jetzt Ausgabe
Führen Sie den Code aus und erhalten Sie die unten angegebene Ausgabe. Diese enthält eine Schaltfläche zum Klicken und Öffnen der neuen URL im selben übergeordneten Fenster.
Wenn Sie auf diese Schaltfläche klicken, wird Gmail im selben übergeordneten Fenster geöffnet.
Wenn Sie die verschiedenen Werte im zweiten Parameter übergeben, werden Sie den Unterschied für verschiedene Werte sehen.
4. Definieren Sie die Größe für das neue Fenster
In diesem Beispiel geben wir die Höhe und Breite für das neue Fenster an. Dazu verwenden wir den dritten Parameter ( Spezifikationen ) in der Methode window.open() und übergeben Sie die Höhe und Breite des Fensters durch ein Komma getrennt an diese Funktion. Das Fenster wird also in der angegebenen Größe geöffnet.
Code kopieren
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Testen Sie es jetzt Ausgabe
Führen Sie den obigen Code aus und erhalten Sie die unten angegebene Ausgabe. Diese enthält eine Schaltfläche zum Klicken und Öffnen der neuen URL im selben übergeordneten Fenster.
Wenn Sie auf diese Schaltfläche klicken, wird ein neues leeres Fenster unter dem übergeordneten Fenster der Größe geöffnet.
Beachten Sie, dass Sie die URL auch an die Methode window.open() übergeben können, um eine beliebige Website zu öffnen.
Öffnen Sie ein neues Fenster mit einem Namen und einer Nachricht
Wir können jeden benutzerdefinierten Text oder jedes benutzerdefinierte Formular in einem neuen Fenster anzeigen, das wir durch Klicken auf die Schaltfläche öffnen. Dazu müssen wir dem neuen Fenster einen beliebigen Namen geben und Text hineinschreiben. Dieser Name wird an die Methode window.open() übergeben. Sehen Sie sich den Code unten an, wie er mit der tatsächlichen Codierung implementiert wird.
Code kopieren
function openWindow() { var newtab = window.open('', 'anotherWindow', 'width=300,height=150'); newtab.document.write('<p> This is 'anotherWindow'. It is 300px wide and 150px tall new window! </p>'); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window Testen Sie es jetzt Ausgabe
Führen Sie den Code aus und erhalten Sie die unten angegebene Ausgabe. Es enthält eine Schaltfläche zum Klicken und Öffnen der neuen URL im selben übergeordneten Fenster.
Wenn Sie auf diese Schaltfläche klicken, öffnet sich ein neues Fenster mit einer benutzerdefinierten Nachricht unter dem übergeordneten Fenster der Größe 300*150.
JavaScript bietet auch die integrierte Methode close() zum Schließen des Browserfensters.
Schließen Sie das von window.open() geöffnete Fenster.
In diesem Beispiel zeigen wir Ihnen, wie Sie das mit der Methode window.open() geöffnete Fenster oder Tab schließen. Zuerst öffnen wir eine Website-URL in einem neuen Fenster (Größe im Code definiert), indem wir auf eine Schaltfläche klicken, und verwenden dann eine andere Schaltfläche, um das geöffnete Fenster zu schließen. Sehen Sie sich den folgenden Code an, wie es gemacht wird:
Code kopieren
Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( 'https://www.javatpoint.com/', '_blank', 'width=500, height=350'); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint Testen Sie es jetzt Ausgabe
String zum Char in Java
Wenn Sie den Code ausführen, erhalten Sie die folgende Antwort:
Drücke den Öffnen Sie Javatpoint Klicken Sie auf die Schaltfläche, um die Javatpoint-Tutorial-Website zu öffnen. Wir haben die Größe (Höhe und Breite) des neuen Popup-Fensters angegeben, das geöffnet werden soll.
Wenn Sie auf klicken Schließen Sie Javatpoint Klicken Sie auf die Schaltfläche, um das geöffnete Fenster zu minimieren.
Browser-Unterstützung
Mehrere Webbrowser unterstützen die Methode window.open(), wie zum Beispiel:
- Chrom
- Mozilla Firefox
- Internet Explorer (IE)
- Oper
- Safari usw.
Sie können die Methode window.open() in den oben genannten Browsern verwenden und ausführen.