JavaScript window.close() 方法

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

句法：

window.close();

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

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

HTML

  

    Window open method
    
        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;
        }
    

  

    
        
            Click the open and close button for
            opening and closing the new window.
        
        Open
        Close
    
    
        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();
        });
    

  

输出：