Rumah > Artikel > hujung hadapan web > JavaScript mengesan sama ada tetingkap ditutup sebelum tetingkap semasa ditutup_petua javascript

JavaScript mengesan sama ada tetingkap ditutup sebelum tetingkap semasa ditutup_petua javascript

WBOYasal: 2016-05-16 16:34:471396semak imbas

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>

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>

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>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Javascript mendapat fungsi masa semasa dan kemahiran summary_javascript operasi masaArtikel seterusnya：Javascript mendapat fungsi masa semasa dan kemahiran summary_javascript operasi masa

Artikel berkaitan

Lihat lagi