JS關閉當前頁面

一、js關閉當前頁面的方法

js提供了多種方法關閉當前頁面，以下是幾種比較常見的方法。

1. window.close()方法，這個方法能夠關閉當前窗口或tab頁。但是需要注意的是，這個方法只能關閉由js打開的窗口。如果是用戶打開的窗口，這個方法沒有作用。

function closeWindow() {
    window.close();
}

2. 使用window.open()方法在新的窗口打開一個頁面，然後調用該頁面中的js代碼關閉當前頁面。

function closeCurrentPage() {
  var win=window.open("about:blank", "_self");
  win.close();
}

3. 使用window.location.replace()方法將當前頁面替換為一個空白的頁面，然後關閉該頁面。

function closePage() {
    window.location.replace("about:blank");
    window.close();
}

二、要關閉當前打開的頁面下面

在web開發中，經常遇到一個頁面作為父頁面，打開了一個子頁面，這時如果想關閉子頁面，刷新父頁面並重新加載父頁面的某個區域，我們可以使用以下代碼：

function closeChildAndRefreshParent() {
    var opener = window.opener; // 獲取父頁面對象 
    window.close(); // 關閉當前窗口 
    if (opener != null && !opener.closed) { // 父頁面未關閉 
        opener.location.reload(); // 父頁面刷新 
    }
}

三、js關閉當前頁面刷新父頁面

使用window.opener.reload()方法能夠在關閉子頁面後刷新父頁面。

function closeAndRefreshParent() {
    window.opener.location.reload();
    window.close();
}

四、js頁面關閉時觸發事件

當頁面即將關閉時，我們可以註冊onbeforeunload事件進行操作，例如彈出提示框確認是否關閉頁面。

window.onbeforeunload = function () {
    return "確定要關閉該頁面嗎？";
}

五、jquery關閉當前頁面

使用jquery關閉當前頁面也很簡單，直接調用$().remove()即可關閉當前頁面。

$(document).ready(function(){
    $("button").click(function(){
        $(this).remove(); // 關閉當前頁面
    });
});

六、js關閉頁面

除了關閉當前頁面外，我們也可以關閉其他頁面。

function closeOtherPage() {
    var otherPage = window.open("/other.html", "_self");
    otherPage.close();
}

七、js關閉當前窗口

除了關閉頁面外，我們也可以關閉當前窗口。

function closeCurrentWindow() {
    window.open('', '_self', '');
    window.close();
}

八、js如何關閉當前頁面

在js中關閉當前頁面的方法很多，以下是總結的幾種方法。

1. window.close()方法
2. window.open()方法打開一個新頁面然後關閉當前窗口
3. window.location.replace()方法替換當前頁為一個空白頁然後關閉當前窗口
4. 使用onbeforeunload事件監聽頁面關閉，並彈出提示框
5. 使用jquery的$().remove()方法關閉當前頁面

九、js怎麼關閉當前頁面

根據實際需求，選擇適合的方法關閉當前頁面即可，例如如果為從父頁面打開的子頁面，可以使用window.opener.location.reload()方法刷新父頁面；如果需要在關閉頁面時彈出確認框，使用onbeforeunload事件即可；如果需要在子頁面關閉後刷新父頁面的某個區域，使用window.opener.location.reload()即可。