使用JavaScript关闭窗口的4种方法举例

前言

JavaScript是一种广泛用于web开发的编程语言，它可以实现各种互动效果和实用功能。其中一个基本功能是关闭窗口，它可以帮助用户方便地退出当前页面或应用程序。在本文中，我们将介绍几种使用JavaScript关闭窗口的方法。

1.使用window.close()

最简单的方法是使用window.close()函数。这个函数不需要任何参数，只要执行它就可以关闭当前窗口。例如，下面的代码可以在单击按钮时关闭当前窗口：

<button onclick="window.close()">关闭窗口</button>

需要注意的是，这种方法只能关闭由JavaScript创建的窗口，而不能关闭浏览器主窗口或由用户打开的新窗口。此外，如果当前窗口是由其他网站打开的，那么使用window.close()关闭窗口可能会导致浏览器弹出警告框，询问用户是否允许关闭窗口。

2.使用window.opener.close()

<button onclick="window.opener.close()">关闭窗口</button>

需要注意的是，使用window.opener.close()关闭窗口时，父窗口必须是由JavaScript打开的。如果父窗口是由用户手动打开的，那么使用这个方法关闭窗口将无效。

3.使用window.parent.close()

和window.opener.close()类似，window.parent.close()函数可以在当前窗口的父窗口上执行，从而关闭当前窗口。不同之处在于，window.parent.close()可以关闭任何父级窗口，无论是由JavaScript创建的还是由用户打开的。例如，下面的代码可以在单击按钮时关闭所有父级窗口：

<button onclick="window.parent.close()">关闭窗口</button>

需要注意的是，使用window.parent.close()关闭窗口时可能会出现弹出窗口的警告框，询问用户是否允许关闭窗口。此外，这个方法只能关闭窗口，而不能关闭整个浏览器。

4.使用window.open()打开一个空白页面

另一个关闭当前窗口的方法是使用window.open()函数打开一个空白页面，然后关闭当前窗口。例如，下面的代码可以在单击按钮时打开一个空白页面，然后关闭当前窗口：

<button onclick="window.open('about:blank',self').close()">关闭窗口</button>

需要注意的是，使用window.open()打开一个空白页面时，第一个参数必须是’about:blank’，而第二个参数必须是’_self’，这样才能正确地在当前窗口打开新页面。此外，关闭窗口时可能会出现弹出窗口的警告框，询问用户是否允许关闭窗口。

附：关闭窗口后自动刷新页面： window.parent.location.reload();

比如在添加用户信息的时候，添加完成之后一般需要自动刷新界面，显示最新的用户列表信息

success: function(data){
    var res = eval('(' + data + ')');
    if(res.status == '1'){
        layer.msg("添加成功！");
        layer.alert("添加成功！",function(){
            window.parent.location.reload();//刷新父页面
            parent.layer.close(index);//关闭弹出层
        });
    } else{
        layer.msg("添加失败！");
    }
}

总结

使用JavaScript关闭窗口是一种非常实用的功能，可以帮助用户方便地退出页面或应用程序。本文介绍了几种关闭窗口的方法，包括使用window.close()、window.opener.close()、window.parent.close()和window.open()打开一个空白页面。需要注意的是，这些方法都有一定限制，不能满足所有情况下关闭窗口的需求。因此，在实际应用中，应根据具体情况选择适合的方法。

到此这篇关于使用JavaScript关闭窗口的4种方法的文章就介绍到这了,更多相关JS关闭窗口方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！