溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在javascript中捕獲窗口關(guān)閉事件

發(fā)布時(shí)間：2021-04-30 14:44:05 來(lái)源：億速云 閱讀：247 作者：Leah 欄目：web開發(fā)

本篇文章給大家分享的是有關(guān)怎么在javascript中捕獲窗口關(guān)閉事件，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

JavaScript的作用是什么

1、能夠嵌入動(dòng)態(tài)文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

javascript捕獲窗口關(guān)閉事件的方法：

1.用javascript重新定義 window.onbeforeunload() 事件

在javascript里定義一個(gè)函數(shù)即可

function window.onbeforeunload() { alert("關(guān)閉窗口")}

alert()事件將會(huì)在關(guān)閉窗口前執(zhí)行，你也可以用戶決定是否關(guān)閉窗口

function window.onbeforeunload() { 
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey) 
window.event.returnValue="確定要退出本頁(yè)嗎？"; 
}

2.用onUnload方法

在body 標(biāo)簽里加入onUnload事件

body onUnload="myClose()"

然后在javascript里定義myClose()方法

但是onUnload方法是在關(guān)閉窗口之后執(zhí)行，不是在關(guān)閉窗口之前執(zhí)行，如果你想在關(guān)閉窗口之前做判斷，請(qǐng)用第一種方法

以上兩個(gè)方法要能夠成功關(guān)閉窗口，則該窗口必須是獨(dú)立的新窗口；如果是基于父窗口，那么是無(wú)法關(guān)閉的。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>導(dǎo)出數(shù)據(jù)</title>
<script type="text/javascript">
if(top.location != self.location )
{
top.location = self.location;
}
 
var time = 5; //時(shí)間,秒
function Redirect() {
    //window.location = "http://www.cssue.com/";
    window.opener=null;
window.open('','_self');
window.close();
}
var i = 0;
function dis() {
if( i > time )
{
Redirect();
}
    document.all.t.innerHTML = "還剩<span style='color:red'>" + (time - i) + "</span>秒，本頁(yè)面將自動(dòng)關(guān)閉";
    i++;
}
timer = setInterval('dis()', 1000); //顯示時(shí)間
timer = setTimeout('Redirect()', time * 1000); //跳轉(zhuǎn)
 
</script>
</head>
<body >
<div style="text-align:center;margin-top:5%">
<h2>
<div id="s">Sorry ！ 您輸入的信息在服務(wù)器中無(wú)法找到</div>
<div id="t"></div>
</h2>
</div>
</body>
</html>


以上就是怎么在javascript中捕獲窗口關(guān)閉事件，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手