JS关闭当前页面

小蓝 • 2024-12-17 00:08 • 编程

一、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中关闭当前页面的方法很多，以下是总结的几种方法。

window.close()方法
window.open()方法打开一个新页面然后关闭当前窗口
window.location.replace()方法替换当前页为一个空白页然后关闭当前窗口
使用onbeforeunload事件监听页面关闭，并弹出提示框
使用jquery的$().remove()方法关闭当前页面

九、js怎么关闭当前页面

根据实际需求，选择适合的方法关闭当前页面即可，例如如果为从父页面打开的子页面，可以使用window.opener.location.reload()方法刷新父页面；如果需要在关闭页面时弹出确认框，使用onbeforeunload事件即可；如果需要在子页面关闭后刷新父页面的某个区域，使用window.opener.location.reload()即可。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/272136.html