Lassen Sie uns über verschiedene Methoden zum Schließen von Fenstern mit JavaScript sprechen

JavaScript ist eine in der Webentwicklung weit verbreitete Programmiersprache, mit der verschiedene interaktive Effekte und praktische Funktionen erzielt werden können. Eine der Grundfunktionen besteht darin, das Fenster zu schließen, wodurch Benutzer die aktuelle Seite oder Anwendung bequem verlassen können. In diesem Artikel stellen wir verschiedene Möglichkeiten zum Schließen von Fenstern mithilfe von JavaScript vor.

1. Verwenden von window.close()

Der einfachste Weg ist die Verwendung der Funktion window.close(). Für diese Funktion sind keine Parameter erforderlich. Führen Sie sie einfach aus, um das aktuelle Fenster zu schließen. Beispielsweise kann der folgende Code das aktuelle Fenster schließen, wenn auf die Schaltfläche geklickt wird:

<button onclick="window.close()">关闭窗口</button>

Es ​​ist zu beachten, dass diese Methode nur das von JavaScript erstellte Fenster schließen kann, nicht das Hauptbrowserfenster oder ein neues, vom Benutzer geöffnetes Fenster. Wenn das aktuelle Fenster außerdem von einer anderen Website geöffnet wird, kann das Schließen des Fensters mit window.close() dazu führen, dass der Browser ein Warnfeld anzeigt, in dem der Benutzer gefragt wird, ob er das Schließen des Fensters zulassen soll.

2. Verwenden Sie window.opener.close()

Eine andere Möglichkeit, das aktuelle Fenster zu schließen, ist die Verwendung der Funktion window.opener.close(). Diese Funktion kann im übergeordneten Fenster des aktuellen Fensters ausgeführt werden, wodurch das aktuelle Fenster geschlossen wird. Beispielsweise kann der folgende Code das übergeordnete Fenster des aktuellen Fensters schließen, wenn auf die Schaltfläche geklickt wird:

<button onclick="window.opener.close()">关闭窗口</button>

Es ​​ist zu beachten, dass bei Verwendung von window.opener.close() zum Schließen des Fensters das übergeordnete Fenster geöffnet werden muss JavaScript. Wenn das übergeordnete Fenster vom Benutzer manuell geöffnet wurde, hat das Schließen des Fensters mit dieser Methode keine Auswirkung.

3. Verwenden Sie window.parent.close()

Ähnlich wie window.opener.close() kann die Funktion window.parent.close() auf dem übergeordneten Fenster des aktuellen Fensters ausgeführt werden, wodurch das aktuelle Fenster geschlossen wird . Der Unterschied besteht darin, dass window.parent.close() jedes übergeordnete Fenster schließen kann, unabhängig davon, ob es von JavaScript erstellt oder vom Benutzer geöffnet wurde. Der folgende Code kann beispielsweise alle übergeordneten Fenster schließen, wenn auf die Schaltfläche geklickt wird:

<button onclick="window.parent.close()">关闭窗口</button>

Es ​​ist zu beachten, dass beim Schließen eines Fensters mit window.parent.close() möglicherweise ein Popup-Warnfeld angezeigt wird, in dem der Benutzer gefragt wird ob das Schließfenster zugelassen werden soll. Darüber hinaus kann diese Methode nur das Fenster schließen, nicht den gesamten Browser.

4. Verwenden Sie window.open(), um eine leere Seite zu öffnen

Eine andere Möglichkeit, das aktuelle Fenster zu schließen, besteht darin, die Funktion window.open() zu verwenden, um eine leere Seite zu öffnen und dann das aktuelle Fenster zu schließen. Der folgende Code kann beispielsweise eine leere Seite öffnen, wenn auf eine Schaltfläche geklickt wird, und dann das aktuelle Fenster schließen:

<button onclick="window.open(&#39;about:blank&#39;,&#39;_self&#39;).close()">关闭窗口</button>

Es ​​ist zu beachten, dass bei Verwendung von window.open() zum Öffnen einer leeren Seite der erste Parameter sein muss „about: blank“ und der zweite Parameter muss „_self“ sein, damit eine neue Seite korrekt im aktuellen Fenster geöffnet werden kann. Darüber hinaus kann beim Schließen des Fensters ein Popup-Warnfeld erscheinen, in dem der Benutzer gefragt wird, ob er das Schließen des Fensters zulassen soll.

Zusammenfassung

Die Verwendung von JavaScript zum Schließen eines Fensters ist eine sehr praktische Funktion, die Benutzern dabei helfen kann, eine Seite oder Anwendung bequem zu verlassen. In diesem Artikel werden verschiedene Möglichkeiten zum Schließen eines Fensters erläutert, einschließlich des Öffnens einer leeren Seite mithilfe von window.close(), window.opener.close(), window.parent.close() und window.open(). Es ist zu beachten, dass diese Methoden bestimmte Einschränkungen aufweisen und nicht die Anforderungen zum Schließen von Fenstern in allen Situationen erfüllen können. Daher sollte in praktischen Anwendungen die geeignete Methode entsprechend der spezifischen Situation ausgewählt werden.

Das obige ist der detaillierte Inhalt vonLassen Sie uns über verschiedene Methoden zum Schließen von Fenstern mit JavaScript sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!