关于“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关闭当前页面(窗口)的几种方式总结
基础教程推荐
- 超完整的Vue入门指导 2023-10-08
- 纯 CSS 实现多行文字截断功能 2023-12-08
- html,css基础(3)~长度单位,元素阴影,表单元素,响应式布局 2023-10-26
- ajax分页查询详解 2023-01-31
- vue移动端可以左右滑动的滑块 2023-10-08
- JavaScript实现动态生成表格案例详解 2023-08-12
- 浅谈CSS不规则边框的生成方案 2022-11-23
- vuepress 侧边栏自动生成 2023-10-08
- SpringBoot+Vue3前后端分离,实战wiki知识库系统 2023-10-08
- 浅析JavaScript中的变量复制、参数传递和作用域链 2023-12-01
