JavaScript实现关闭当前页面的几种方式
作者:窗边听雨时间:2026-10-28 08:32:57浏览:123
本文介绍了在JavaScript中关闭当前窗口的多种实现方法。包括无提示直接关闭、IE浏览器下的带提示关闭、自定义确认对话框关闭,以及通过onbeforeunload事件拦截浏览器原生关闭按钮的确认提示。提供了完整的HTML与JS代码示例,适用于不同场景下的页面关闭需求。
无提示直接关闭窗口
本节介绍如何编写不带任何提示直接关闭窗口的JavaScript代码。
代码示例如下:
<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a> IE浏览器下带提示关闭
第二种方法是关闭当前页面,该方法在IE浏览器中会显示系统提示。
代码示例如下:
<a href="javascript:window.opener=null;window.close();">关闭</a> 自定义确认对话框关闭
第三种方法是实现自定义的关闭提示逻辑。
代码示例如下:
<script language="javascript">
function custom_close() {
if (confirm("您确定要关闭本页吗?")) {
window.opener = null;
window.open('', '_self');
window.close()
} else {}
}
</script>
<input id="btnClose" type="button" value="关闭本页" onClick="custom_close()"
/> 拦截浏览器原生关闭按钮
第四种情况是,当用户点击浏览器窗口右上角的“最大化”、“最小化”或“关闭”按钮中的“关闭”按钮时,触发弹出关闭确认对话框。
代码示例如下:
<body onbeforeunload="return '真的要关闭此窗口吗?'">作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
