首頁猿問已經(jīng)測試完評論里面的onunloa...

已經(jīng)測試完評論里面的onunload和onbeforeunload,但是結(jié)果有些出入，求大神指導(dǎo)一下。

JavaScript

零度GV 2016-09-21 15:51:35

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title> 卸載事件 </title><script type="text/javascript"> ??? ? ?window.onbeforeunload = onbeforeunload_message;//①目前試了Firefox、Google Chrome、IE三個瀏覽器，該事件只對IE起作用。//②onunload事件對于刷新頁面和超鏈接跳轉(zhuǎn)其他頁面情況有效，對于關(guān)閉頁面無效。//③onbeforeunload事件才對關(guān)閉頁面有效。對刷新和鏈接跳轉(zhuǎn)其他網(wǎng)頁的情況一樣有效。//④window.onunload = onunload_message后面不需要加()。如果有人不管加沒加()，都在頁面跳轉(zhuǎn)和刷新時彈不出提示框，是因為IE限制了網(wǎng)頁運行腳本或ActiveX控件，點擊“允許阻止的內(nèi)容”，再刷新和跳轉(zhuǎn)就可以看到效果了。//⑤加了()的，在頁面一打開就會彈出提示框，這個不是我們要實現(xiàn)的效果。? ? ?function onbeforeunload_message(){ ??? ? ? ? alert("您確定離開該網(wǎng)頁嗎？"); ??? ? } ??</script> ??</head><body>? 歡迎學(xué)習(xí)JavaScript。? <p>經(jīng)本人測試，onload事件對IE有效，但是刷新頁面和關(guān)閉頁面有效，而鏈接去其他網(wǎng)頁無效，不知道哪里出現(xiàn)問題，導(dǎo)致結(jié)論不相同,另外，onload事件是你刷新之后（或者關(guān)閉頁面之后）才出現(xiàn)提示，而onbeforeunload事件才是關(guān)閉之前提示，確定之后才關(guān)閉網(wǎng)頁，這兩個事件對鏈接去其他網(wǎng)頁都不起作用。</p>? <p>測試第四和第五條都正確。</p>? <p>對于結(jié)果不同之處，求大神指導(dǎo)一下</p>? <a href="img/0.png" target="_blank">點擊這里</a></body></html>

查看完整描述

1 回答

已采納

OlderSkee

TA貢獻123條經(jīng)驗獲得超103個贊

onunload 網(wǎng)頁卸載了之后

onbeforeunload 網(wǎng)頁卸載了之前

onunload 如果你只有一個當(dāng)前網(wǎng)頁，那么關(guān)了之后瀏覽器就關(guān)了是不會彈窗的。

反之?onbeforeunload ?是在你點關(guān)閉之前就彈窗確認

<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
? ?<title>onbeforeunload測試</title>
? ?<script>
? ? ? ?function checkLeave(){
? ? ? ? ? ?event.returnValue="確定離開當(dāng)前頁面嗎？";
? ? ? ?}
? ? ? ?
? ?</script>
</head>
<body onbeforeunload="checkLeave()">
</body>
</html>

//測試下面這個記得多開一個網(wǎng)頁
<!DOCTYPE HTML>
<html>
<head>
? ?<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
? ?<title>onunload測試</title>
? ?<script>
? ? ? ?function checkLeave(){
? ? ? ? ? ?alert("歡迎下次再來！");
? ? ? ?}
? ?</script>
</head>
<body onunload="checkLeave()"> ??
</body>
</html>