JavaScript 如何关闭浏览器窗口中的当前标签页

在本文中，我们将看到如何使用JavaScript关闭浏览器窗口中的当前标签页。要实现这个功能，我们将使用window.close()方法。此方法用于关闭由window.open()方法打开的窗口。

语法：

window.close()

但是由于引入了一个安全特性，凡是普通的JavaScript就失去了通过使用这个语法来关闭当前标签页的特权。

注意： 只有当当前窗口/标签页是由该脚本创建并打开的时，才会关闭。这意味着 window.close语法 只允许用于使用 window.open方法 创建并打开的窗口/标签页。

示例： 这个示例演示了如何打开GeeksforGeeks窗口然后关闭它。

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>
        How to close current tab in a 
        browser window using JavaScript?
    </title>
</head>
 
<body style="text-align: center;">
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>
     
    <h4 style="color:purple">
        Close Tab/Window using JavaScript
    </h4>
 
    <button onclick="openWin()">
        Click to open GeeksforGeeks website
    </button>
 
    <button onclick="closeWin()">
        Click here to close the window
    </button>
 
    <script>
        let myGeeksforGeeksWindow;
 
        function openWin() {
            myGeeksforGeeksWindow = window
                .open("https://www.geeksforgeeks.org", 
                "_blank", "width=786, height=786");
        }
 
        function closeWin() {
            myGeeksforGeeksWindow.close();
        }
    </script>
</body>
 
</html>

输出:

JavaScript 如何关闭浏览器窗口中的当前标签页