您好,登錄后才能下訂單哦!
本文實(shí)例講述了JavaScript實(shí)現(xiàn)離開頁面前提示功能。分享給大家供大家參考,具體如下:
離開頁面前的提示不可以用onunload去做,因?yàn)樗皇羌嫒軮E,你要兼容Google與FireFox就蛋疼了。
而且這個(gè)事件還是關(guān)閉之后才會觸發(fā)的。
取而代之可以用onbeforeunload去實(shí)現(xiàn)。
onbeforeunload可以在用戶關(guān)閉或刷新窗口、或者點(diǎn)擊本頁內(nèi)的任何超級鏈接都會觸發(fā)的。
其JavaScript代碼如下:
<script> window.onbeforeunload=function(e){ var e=window.event||e; e.returnValue=("確定離開當(dāng)前頁面嗎?"); } </script>
非常簡短,一開始利用window.event與e的或,兼容瀏覽器。
其返回值就是提示信息。
在IE8的效果如下,第一行與最后一行是必須存在的。用戶點(diǎn)擊“取消”不會發(fā)生任何事情,點(diǎn)擊“確定”則繼續(xù)之前的動作。
在Google Chrome的效果如下,只有最后一行是我們可以控制的,其它都是系統(tǒng)本身就有的東西,不能夠被改寫。
野狐禪的效果如下,其提示信息讀不出來,我也沒辦法,誰叫這個(gè)瀏覽器是野狐禪呢?
這段東西,用JQuery則這樣寫:
$(window).bind('beforeunload',function(){ return '提示信息'; } );
JQuery1.9自帶全瀏覽器兼容……
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript頁面元素操作技巧總結(jié)》、《JavaScript正則表達(dá)式技巧大全》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。