沃梦达 / IT编程 / 前端开发 / 正文

js关闭当前页面(窗口)的几种方式总结

关于“js关闭当前页面(窗口)的几种方式总结”,我为大家总结了以下几种方式:

关于“js关闭当前页面(窗口)的几种方式总结”,我为大家总结了以下几种方式:

方式一:使用window.close()

在JS中使用window.close()方法可以关闭当前页面,示例代码如下:

<button onclick="window.close()">关闭当前页面</button>

需要注意的是,该方法仅可在通过window.open()打开的页面中关闭,如果页面是直接通过浏览器访问的,该方法将不会起作用。

方式二:使用window.opener=null和window.open('','_self')方法

使用window.opener=null和window.open('','_self')方法可以关闭当前浏览器窗口。示例代码如下:

<button onclick="closeCurrentWindow()">关闭当前窗口</button>

<script>
    function closeCurrentWindow() {
        window.opener = null;
        window.open('', '_self');
        window.close();
    }
</script>

需要注意的是,该方法只是关闭了当前浏览器中的窗口,并不能完全关闭整个浏览器应用程序,如果你需要完全的关闭浏览器应用程序,可以考虑使用window.top.close()方法。

方式三:使用window.top.close()

使用window.top.close()方法可以完全关闭当前浏览器应用程序,同时需要注意该方法仅在通过window.open()方法打开的页面中有效。

下面是示例代码:

<button onclick="window.top.close()">关闭浏览器</button>

希望这篇攻略能够帮助到大家,如若还有疑问,可以在下方留言,我会尽快回复。

本文标题为:js关闭当前页面(窗口)的几种方式总结