JavaScript實(shí)現(xiàn)離開頁(yè)面前提示功能【附j(luò)Query實(shí)現(xiàn)方法】
本文實(shí)例講述了JavaScript實(shí)現(xiàn)離開頁(yè)面前提示功能。分享給大家供大家參考，具體如下：
離開頁(yè)面前的提示不可以用onunload去做，因?yàn)樗皇羌嫒軮E，你要兼容Google與FireFox就蛋疼了。
而且這個(gè)事件還是關(guān)閉之后才會(huì)觸發(fā)的。
取而代之可以用onbeforeunload去實(shí)現(xiàn)。
onbeforeunload可以在用戶關(guān)閉或刷新窗口、或者點(diǎn)擊本頁(yè)內(nèi)的任何超級(jí)鏈接都會(huì)觸發(fā)的。
其JavaScript代碼如下：
<script>
window.onbeforeunload=function(e){
var e=window.event||e;
e.returnValue=("確定離開當(dāng)前頁(yè)面嗎？");
}
</script>
非常簡(jiǎn)短，一開始利用window.event與e的或，兼容瀏覽器。
其返回值就是提示信息。
在IE8的效果如下，第一行與最后一行是必須存在的。用戶點(diǎn)擊“取消”不會(huì)發(fā)生任何事情，點(diǎn)擊“確定”則繼續(xù)之前的動(dòng)作。
在Google Chrome的效果如下，只有最后一行是我們可以控制的，其它都是系統(tǒng)本身就有的東西，不能夠被改寫。
野狐禪的效果如下，其提示信息讀不出來(lái)，我也沒辦法，誰(shuí)叫這個(gè)瀏覽器是野狐禪呢？
這段東西，用JQuery則這樣寫：
$(window).bind('beforeunload',function(){
return '提示信息';
}
);
JQuery1.9自帶全瀏覽器兼容……
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript正則表達(dá)式技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- javascript和jQuery實(shí)現(xiàn)網(wǎng)頁(yè)實(shí)時(shí)聊天的ajax長(zhǎng)輪詢
- JavaScript/jQuery、HTML、CSS 構(gòu)建 Web IM 遠(yuǎn)程及時(shí)聊天通信程序
- jQuery在vs2008及js文件中的無(wú)智能提示的解決方法
- jquery.cvtooltip.js 基于jquery的氣泡提示插件
- Jquery插件分享之氣泡形提示控件grumble.js
- jQuery懸停文字提示框插件jquery.tooltipster.js用法示例【附demo源碼下載】
- jquery.guide.js新版上線操作向?qū)хU空提示jQuery插件(推薦)
- 基于jquery實(shí)現(xiàn)智能提示控件intellSeach.js
- JS(jQuery)實(shí)現(xiàn)聊天接收到消息語(yǔ)言自動(dòng)提醒功能詳解【提示“您有新的消息請(qǐng)注意查收”】
相關(guān)文章
兼容主流瀏覽器的 iframe 自適應(yīng)高度，很實(shí)用的，具體的js腳本如下，感興趣的朋友可不要錯(cuò)過2014-01-01
關(guān)于JavaScript的單雙引號(hào)嵌套問題
單引號(hào)和雙引號(hào)之間可以相互嵌套。接下來(lái)通過本文給大家介紹JavaScript的單雙引號(hào)嵌套問題 ，感興趣的朋友一起看看吧2017-08-08
如何將一個(gè)String和多個(gè)String值進(jìn)行比較思路分析
開發(fā)中我們經(jīng)常需要將一個(gè)String和多個(gè)String值進(jìn)行比較。直覺反應(yīng)是使用||符號(hào)連接多個(gè)===完成，感興趣的朋友可以了解下哈2013-04-04
js實(shí)現(xiàn)點(diǎn)擊每個(gè)li節(jié)點(diǎn)，都彈出其文本值及修改
本篇文章主要分享了js實(shí)現(xiàn)點(diǎn)擊每個(gè)li節(jié)點(diǎn)，都彈出其文本值及修改的實(shí)例代碼，具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
本篇文章主要介紹了javascript實(shí)現(xiàn)微博發(fā)布小功能的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
Next.js服務(wù)端渲染超時(shí)導(dǎo)致生產(chǎn)事故的問題排查和解決辦法
Next.js是一個(gè)基于React的開源框架,用于構(gòu)建服務(wù)端渲染（SSR）的Web應(yīng)用程序,它簡(jiǎn)化了許多復(fù)雜的配置,讓開發(fā)者可以專注于編寫應(yīng)用邏輯而不是基礎(chǔ)設(shè)施,前幾天公司平臺(tái)首頁(yè)崩潰了 504 Time-out,這里記錄一下問題排查和解決的過程,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了js調(diào)出上下文菜單的實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
JavaScript數(shù)據(jù)結(jié)構(gòu)鏈表知識(shí)詳解
存儲(chǔ)有序的元素集合，但不同于數(shù)組，鏈表中的元素在內(nèi)存中不是連續(xù)放置的。每個(gè)元素由一個(gè)存儲(chǔ)元素本身的節(jié)點(diǎn)和一個(gè)指向下一個(gè)元素的引用（也稱指針或鏈接）組成。下面通過本文給大家詳細(xì)介紹下，需要的朋友參考下2016-11-11
JS常見DOM節(jié)點(diǎn)操作示例【創(chuàng)建 ，插入，刪除，復(fù)制，查找】
這篇文章主要介紹了JS常見DOM節(jié)點(diǎn)操作,結(jié)合實(shí)例形式分析了JavaScript針對(duì)DOM節(jié)點(diǎn)的創(chuàng)建 ，插入，刪除，復(fù)制，查找等操作相關(guān)函數(shù)與使用技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了異步JS框架的作用以及使用方法2015-10-10