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 '真的要关闭此窗口吗?'">
作者最新文章