Heim > Artikel > Web-Frontend > Wie schließe ich den aktuellen Tab in einem Browserfenster mit JavaScript?

Wie schließe ich den aktuellen Tab in einem Browserfenster mit JavaScript?

WBOYnach vorne: 2023-09-15 21:21:07613Durchsuche

如何使用 JavaScript 关闭浏览器窗口中的当前选项卡？

In diesem Tutorial lernen wir, das Browserfenster mithilfe von JavaScript zu schließen. Angenommen, ein Benutzer hat Ihre Website in zwei Tabs geöffnet und möchte dies nicht zulassen. Dann können Sie JavaScript verwenden, um einen Tab automatisch zu schließen.

Falls Sie außerdem bemerken, dass einige Webanwendungen automatisch ein Browserfenster öffnen, um ein Gesicht aufzunehmen, wird es automatisch geschlossen, wenn Sie das Bild durch Klicken auf die Schaltfläche aufnehmen. Das ist alles, was wir mit JavaScript tun können.

In diesem Tutorial lernen Sie verschiedene Beispiele für das Schließen des aktuellen Tabs in einem Browserfenster mithilfe von JavaScript.

HINWEIS – JavaScript erlaubt Entwicklern niemals, vom Benutzer geöffnete Fenster zu schließen. Dies ist auf einige Sicherheitsprobleme zurückzuführen. Daher können Programmierer das Browserfenster, das mit der open()-Methode von JavaScript geöffnet wurde, nur schließen.

Grammatik

Sie können die Methode close() gemäß der folgenden Syntax verwenden, um das Browserfenster zu schließen.

let new_window = window.open(URL, width, height);
new_window.close();

In der obigen Syntax speichern wir den Rückgabewert beim Erstellen in der Variablen new_window. Danach schließen wir das neu geöffnete Fenster mit der Methode close().

Beispiel

In diesem Beispiel haben wir zwei Schaltflächen; eine öffnet einen neuen Tab und die andere schließt den neuen Tab, der mit JavaScript geöffnet wurde.

Benutzer müssen den Tab zunächst mit JavaScript öffnen, indem sie auf die Schaltfläche „Neuen Tab öffnen“ klicken. Sie können auf die Schaltfläche „Neuen Tab schließen“ klicken und beobachten, wie der Tab automatisch geschlossen wird.

<html>
<body>
   <h2>Using the <i>window.close()</i> method to close the browser's tab</h2>
   <p>Click "Open New Tab" to open a page in new tab and click "Close New Tab" to colse the opened tab</p>
   <button id = "openTab" onclick = "openTab()">Open New Tab </button><br><br>
   <button id = "closeTab" onclick = "closeTab()">Close New Tab</button>
   <script>
      // creating the variable to store the tab
      var new_tab;
      function openTab() {
         // open a new tab
         new_tab = window.open("https://www.tutorialspoint.com/answers/shubham-vora");
      }
      function closeTab() {
         // close tab
         new_tab.close();
      }
   </script>
</body>
</html>

Beispiel

Im Beispiel unten haben wir zwei Schaltflächen wie im obigen Beispiel erstellt, um Tabs zu öffnen und zu schließen. Allerdings haben wir in diesem Beispiel auch „_blank“ als Parameter zur open-Methode hinzugefügt, wodurch ein neues Fenster statt einer neuen Registerkarte geöffnet wird.

Als nächstes können Benutzer auf die Schaltfläche „Neues Fenster“ klicken, um das Popup-Fenster zu schließen.

<html>
<body>
   <h2>Using the <i>window.close() method</i> to close the browser's window.</h2>
   <p>Click "Open New Window" to open the page in new window and click "Close New Window" to colse the opened window</p>
   <button id = "openWidnow" onclick = "openWindow()"> open new Window</button><br><br>
   <button id = "closeWidnow" onclick = "closeWindow()">Close new Window</button>
   <script>
      // creating the variable to store window
      var new_window;
      function openWindow() {
         // open a new window
         new_window = window.open("https://www.tutorialspoint.com/index.htm", "_blank", "width=800");
      }
      function closeWindow() {
         // close the window
         new_window.close();
      }
   </script>
</body>
</html>

So lernen Benutzer, JavaScript zu verwenden, um neue Tabs oder Fenster zu öffnen. Darüber hinaus haben Sie gelernt, die Methode close() zum Schließen einer Registerkarte oder eines Fensters zu verwenden.

Darüber hinaus können wir auch ein neues Fenster öffnen, um Benutzereingaben zu akzeptieren. Wenn der Benutzer die Formulardaten übermittelt, können wir die Methode close() in der Funktion aufrufen, die die Formulardaten verarbeitet.

Das obige ist der detaillierte Inhalt vonWie schließe ich den aktuellen Tab in einem Browserfenster mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：FabricJS – Wie skaliert man ein Bildobjekt auf eine bestimmte Breite?Nächster Artikel：FabricJS – Wie skaliert man ein Bildobjekt auf eine bestimmte Breite?

In Verbindung stehende Artikel

Mehr sehen