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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。