JavaScript mengesan sama ada tetingkap ditutup sebelum tetingkap semasa ditutup

JavaScript mengesan sama ada tetingkap ditutup sebelum tetingkap semasa ditutup_petua javascript

WBOY

Lepaskan： 2016-05-16 16:34:47

asal

1395 orang telah melayarinya

Kesan sama ada tetingkap semasa ditutup sebelum tetingkap semasa ditutup

<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 "确定关闭窗口&#63;"; 
// } 
} 
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>

Salin selepas log masuk

Dalam IE9, jika dokumen dimuat semula, kedua-dua unloadform dan onbeforeunload akan dilaksanakan Jika halaman ditutup, hanya acara onbeforeunload akan dilaksanakan

Perlu diingat bahawa onunload tidak akan dijalankan apabila halaman ditutup Dianggarkan bahawa fungsi ini adalah peristiwa terbina dalam penyemak imbas dan tidak boleh ditakrifkan semula

Dalam Chrome, jika anda memuat semula dokumen, kedua-dua unloadform dan onbeforeunload akan dilaksanakan. Jika anda menutup halaman, hanya onbeforeunload akan dilaksanakan

Jika ia adalah tetingkap kanak-kanak yang dibuka melalui window.open, anda boleh menggunakan window.closed property untuk mengesan sama ada ia ditutup

<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>

Salin selepas log masuk

Kod yang menutup tetingkap secara automatik.buka apabila tetingkap induk ditutup

<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>

Salin selepas log masuk