关于“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关闭当前页面(窗口)的几种方式总结
基础教程推荐
猜你喜欢
- android WebView HTML5访问数据库问题 2023-10-26
- 带参数的function 的自运行效果代码 2024-01-09
- 23--html(css基础选择器3-id选择器) 2023-10-28
- networkInformation.downlink测用户网速方法详解 2024-01-05
- TypeScript中的函数 2023-08-11
- vue+vant使用图片预览功能ImagePreview的问题解决 2024-01-04
- 使用Ajax实现简单的带百分比进度条实例 2023-02-14
- Layui弹框中数据表格中可双击选择一条数据的实现 2024-01-07
- Angular组件库ng-zorro-antd实现radio单选框选择 2023-07-09
- Ajax简单的异步交互及Ajax原生编写 2022-12-15