javascript Onunload與Onbeforeunload使用小結(jié)

2019-11-21 00:51:27

字體：大中小

供稿：網(wǎng)友

Onbeforeunload也是在頁面刷新或關(guān)閉時調(diào)用，Onbeforeunload是正要去服務(wù)器讀取新的頁面時調(diào)用，此時還沒開始讀取；而onunload則已經(jīng)從服務(wù)器上讀到了需要加載的新的頁面，在即將替換掉當(dāng)前頁面時調(diào)用。Onunload是無法阻止頁面的更新和關(guān)閉的。而Onbeforeunload 可以做到。曾經(jīng)做一個考試系統(tǒng)，涉及到防止用戶半途退出考試（有意或者無意），代碼如下：

復(fù)制代碼代碼如下:

 
<body onbeforeunload=" checkLeave()"> 
<script> 
function checkLeave(){ 
event.returnValue="確定放棄考試？（考試作廢，不記錄成績）"; 
} 
</script> 

這樣可以讓用戶確認(rèn)是否要退出考場，其實BLOGJAVA在用戶編寫B(tài)LOG時，如果不保存而跳轉(zhuǎn)到其他頁面，也會有一個確認(rèn)的提示（防止誤操作），也是用到Onbeforeunload。

另外還可以用來在頁面關(guān)閉的時候關(guān)閉session，代碼如下(注：用window.screenLeft > 10000 來區(qū)分關(guān)閉和刷新操作)：

復(fù)制代碼代碼如下:

 
<body onbeforeunload=" closeSession()"> 
<script> 
function closeSession (){ 
//關(guān)閉（刷新的時候不關(guān)閉Session） 
if(window.screenLeft>10000){ 
//關(guān)閉Session的操作（可以運用AJAX） 
} 
} 
</script> 