前端 如何检测到当前的网页已经退出_javascript在当前窗口关闭前检测窗口是否关闭...

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

window.οnbefοreunlοad=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(); //调用窗口关闭的方法

console.log("not in wait and val is :"+aa.closed); //此时aa.close正在调用过程中,结果为false

intervalVar = setInterval(showClose,100); }; //用循环检测子窗口是否关闭,其实用setTimeout也是可以的,不过值要设得大一些

function unloadform(){ alert("2!"); }

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

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

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

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

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!"); }

调用

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

var aa ;

var intervalVar;

window.οnbefοreunlοad=function(event){

aa.close();

return "hello";

}

function loadform(){

aa=window.open('test.htm', 'windowName',"width=200,height=200,scrollbars=no");

};

function unloadform(){ alert("2!"); }

调用