关于“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关闭当前页面(窗口)的几种方式总结
猜你喜欢
- Ajax客户端异步调用服务端的实现方法(js调用cs文件) 2023-02-15
- firefox推荐与个人理解的css书写顺序 2023-12-14
- 解决HTML5手机端页面缩放的问题 2022-09-16
- 详解px单位html5响应式方案 2022-09-16
- 23--html(css基础选择器3-id选择器) 2023-10-27
- 深入理解JS中的substr和substring 2023-11-30
- CSS鼠标悬浮DIV后显示DIV外的按钮解决方法 2024-01-05
- bootstrap搜索下拉框插件的使用方法 2022-10-29
- php – Codeigniter在数据库中存储html无法正常工作 2023-10-25
- html,css基础(3)~长度单位,元素阴影,表单元素,响应式布局 2023-10-27