脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 检测窗口关闭

javascript在当前窗口关闭前检测窗口是否关闭

 更新时间：2014年09月29日 17:03:13   投稿：whsnow  
检测窗口是否关闭，在当前窗口关闭前使用js做到这一点，下面是具体的实现，感兴趣的朋友可以参考下

在当前窗口关闭前,检测当前窗口是否关闭

<pre name="code" class="html"><pre name="code" class="html"><HTML><HEAD> 
<script Language="JavaScript"> 
window.onbeforeunload=function(event){ 
alert("222"); //这里IE9会执行,CHROME不会执行 
// if(event.clientX>document.body.clientWidth && event.clientY<0||event.altKey){ //如果是刷新,则不提示 
RETURN "确定关闭窗口?"; 
// } 
} 
var aa ; 
var intervalVar; 
function showClose(){ 
console.log(" wait and val is :"+aa.closed); 
clearInterval(intervalVar); 
} 
function loadform(){ 
aa=window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no"); 
console.log("check close before op and val is :"+aa.closed); //现在窗口未关闭,结果为false 
aa.close();<span style="white-space:pre"> </span> //调用窗口关闭的方法 
console.log("not in wait and val is :"+aa.closed); //此时aa.close正在调用过程中,结果为false 
intervalVar = setInterval(showClose,100); }; //用循环检测子窗口是否关闭,其实用setTimeout也是可以的,不过值要设得大一些 
function unloadform(){ alert("2!"); } 
</script> 
</HEAD><BODY OnLoad="loadform()" OnUnload="unloadform()"> 
</BODY></HTML>

在ie9中,如果刷新文档的话,unloadform和onbeforeunload都会执行,如果是关闭页面的话只会执行onbeforeunload事件

值得注意的是,onunload在关闭页面时不会运行,估计此函数为浏览器内置事件,不能重新定义

在chrome中,如果刷新文档的话,unloadform和onbeforeunload都会执行,关闭页面的话,只会执行onbeforeunload,值得注意的是有注释的那一行一直不会执行.

如果是window.open打开的子窗口的话,可以通过window.closed属性检测是否关闭

<HTML><HEAD> 
<script Language="JavaScript"> 
var aa ; 
var intervalVar; 
function showClose(){ 
console.log(" wait and val is :"+aa.closed); 
clearInterval(intervalVar); 
} 
function loadform(){ 
aa=window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no"); 
console.log("check close before op and val is :"+aa.closed); //现在窗口未关闭,结果为false 
aa.close(); //调用窗口关闭的方法 
console.log("not in wait and val is :"+aa.closed); //此时aa.close正在调用过程中,结果为false 
intervalVar = setInterval(showClose,100); }; //用循环检测子窗口是否关闭,其实用setTimeout也是可以的,不过值要设得大一些 
function unloadform(){ alert("2!"); } 
</script> 
</HEAD><BODY OnLoad="loadform()" OnUnload="unloadform()"> <a href="test.htm">调用</a> 
</BODY></HTML>

父窗口关闭时会自动将window.open关闭的代码

<HTML><HEAD> 
<script Language="JavaScript"> 
var aa ; 
var intervalVar; 
window.onbeforeunload=function(event){ 
aa.close(); 
return "hello"; 
} 
function loadform(){ 
aa=window.open('test.htm', 'windowName',"width=200,height=200,scrollbars=no"); 
}; 
function unloadform(){ alert("2!"); } 
</script> 
</HEAD><BODY OnLoad="loadform()" OnUnload="unloadform()"> <a href="test.htm">调用</a> 
</BODY></HTML>
您可能感兴趣的文章:

相关文章

  • js实现点击链接后延迟3秒再跳转的方法

    js实现点击链接后延迟3秒再跳转的方法

    这篇文章主要介绍了js实现点击链接后延迟3秒再跳转的方法,通过javascript的setTimeout方法实现延迟跳转的功能,需要的朋友可以参考下
    2015-06-06
  • 微信小程序缓存过期时间的相关设置(推荐)

    微信小程序缓存过期时间的相关设置(推荐)

    这篇文章主要介绍了微信小程序缓存过期时间的相关知识，主要包括微信小程序缓存机制介绍及哪些是一定需要过期的缓存，本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • 建立良好体验度的Web注册系统ajax

    建立良好体验度的Web注册系统ajax

    建立良好体验度的Web注册系统ajax...
    2007-07-07
  • 基于js实现checkbox批量选中操作

    基于js实现checkbox批量选中操作

    这篇文章主要为大家详细介绍了基于js实现checkbox批量选中操作,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • javascript检测浏览器的缩放状态实现代码

    javascript检测浏览器的缩放状态实现代码

    这篇文章主要介绍了javascript检测浏览器的缩放状态实现代码,需要的朋友可以参考下
    2014-09-09
  • PHP获取当前页面完整URL的方法

    PHP获取当前页面完整URL的方法

    在大家在使用PHP编写程序的时候，我们常常想要获取当前页面的URL。下面就给大家分享了PHP获取当前页面完整URL的方法，文中还给出了如获取域名或主机地址、获取网页地址和包含端口号的完整url等的方法，有需要的朋友们可以参考借鉴，下面来一起看看吧。
    2016-12-12
  • 使用JavaScript截取视频特定帧的实现方法

    使用JavaScript截取视频特定帧的实现方法

    在网页开发中,我们经常需要对媒体文件进行处理,其中包括视频文件,有时候,我们可能需要从视频中提取特定的帧,并将其显示在网页上,本文将介绍如何使用JavaScript来实现这一功能,感兴趣的朋友跟着小编一起来看看吧
    2024-05-05
  • 完美解决IE9浏览器出现的对象未定义问题

    完美解决IE9浏览器出现的对象未定义问题

    下面小编就为大家带来一篇完美解决IE9浏览器出现的对象未定义问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
    2016-09-09
  • BootstrapVue选项卡标题增加关闭按钮的方法

    BootstrapVue选项卡标题增加关闭按钮的方法

    这篇文章主要为大家详细介绍了BootstrapVue选项卡标题增加关闭按钮的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-04-04
  • js 递归和定时器的实例解析

    js 递归和定时器的实例解析

    本文主要介绍了js递归和定时器的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02

最新评论