JavaScript window.close()用法及代码示例

在本文中，我们将学习 JavaScript window.close() 方法，该方法用于关闭之前由 window.open() 方法打开的浏览器的某个窗口或选项卡。 window.close() 方法不需要任何参数。我们将通过一些示例来全面了解其工作过程。

用法:

window.close();

参数：此方法不接受任何参数。

Example:在此示例中，首先我们将使用 window.open() 方法打开一个新窗口，将其值分配给一个临时变量，然后使用该变量与 window.close() 方法关闭该页面。

HTML


<!DOCTYPE html>
  
<head>
    <title>Window open method</title>
    <style>
        body {
            background-color:#272727;
            display:flex;
            justify-content:center;
            align-items:center;
            margin-top:20%;
        }
  
        .main {
            width:30%;
            height:100%;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            background-color:rgb(82, 82, 82);
            margin:10px;
            font-family:'Roboto', sans-serif;
            color:rgb(214, 213, 213);
            border-radius:5px;
            padding:20px;
        }
  
        .btn {
            width:100%;
            height:50px;
            background-color:rgb(29, 29, 29);
            color:white;
            font-size:20px;
            border:2px solid rgb(82, 82, 82);
            cursor:pointer;
        }
    </style>
</head>
  
<body>
    <div class="main">
        <h2>
            Click the open and close button for
            opening and closing the new window.
        </h2>
        <button class="btn open">Open</button>
        <button class="btn close">Close</button>
    </div>
    <script>
        var newPage = document.querySelector('.open')
            .addEventListener('click', function () {
  
                newWindow =
                    window.open('https://www.geeksforgeeks.org/', 
                    '_blank',
                    'width=400,height=400 top=200,left=300');
        });
  
        document.querySelector('.close')
        .addEventListener('click', function () {
            newWindow.close();
        });
    </script>
</body>
  
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自iamgaurav大神的英文原创作品 JavaScript window.close() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。