关于“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关闭当前页面(窗口)的几种方式总结


基础教程推荐
猜你喜欢
- 纯css实现漂亮又健壮的tooltip的方法 2024-01-23
- Bootstrap学习笔记之css组件(3) 2024-01-22
- JSONObject与JSONArray使用方法解析 2024-02-07
- Loaders.css免费开源加载动画框架介绍 2025-01-23
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析 2024-01-08
- js判断一个对象是否在一个对象数组中(场景分析) 2022-10-21
- Django操作cookie的实现 2024-04-15
- 创建Vue3.0需要安装哪些脚手架 2025-01-16
- html5视频如何嵌入到网页(视频代码) 2025-01-22
- webpack学习笔记一:安装webpack、webpack-dev-server、内存加载js和html文件、loader处理非js文件 2023-10-29