|
|
這個(gè)unbeforeunload的具體用法我就不說(shuō)了，反正幾乎能引起當(dāng)前頁(yè)面發(fā)生跳轉(zhuǎn)的任何動(dòng)作，都會(huì)觸發(fā)這個(gè)事件。并且它先于unload事件被觸發(fā)，如果在其的事件處理函數(shù)里面向event.returnValue屬性賦值非空字符串，就會(huì)出現(xiàn)一個(gè)如上圖的窗口（代碼如下）。
window.onbeforeunload = function ()
{
// . . . event.returnValue = "You will lose any unsaved content"; // . . . 
} 至于這個(gè)窗口是做什么用的，窗口上系統(tǒng)提示的文字（第1行和第3行）已經(jīng)說(shuō)的非常清楚了。那么使用這個(gè)事件到底有什么問(wèn)題呢？
我們知道引起當(dāng)前頁(yè)面發(fā)生條轉(zhuǎn)主要3類事件：
1、對(duì)瀏覽器窗口的操作，比如關(guān)閉瀏覽器、go home、backward、forward和refresh等；
2、對(duì)于網(wǎng)頁(yè)的Navigatie操作，比如點(diǎn)擊鏈接、在地址欄中執(zhí)行新的地址、頁(yè)面表單提交到非當(dāng)前頁(yè)面等；
3、腳本代碼引起的頁(yè)面Navigate操作，比如執(zhí)行navigate、locatoin方法(replace, reload, assign)和修改location屬性(href, search)等。
以上的1-2類操作引起onbeforeunload的事件，使用起來(lái)基本沒(méi)有任何的問(wèn)題，可是執(zhí)行第3類頁(yè)面條轉(zhuǎn)操作卻有點(diǎn)小問(wèn)題。就是在上圖的窗口出現(xiàn)后，如果點(diǎn)選"OK"，確實(shí)就OK，頁(yè)面正確跳轉(zhuǎn)了。可是如果這個(gè)時(shí)候，我們點(diǎn)選"Cancel"，卻會(huì)出現(xiàn)一個(gè)腳本異常，如下圖：
解決方法就是把腳本調(diào)用try一下，但這似乎是IE的一個(gè)bug的說(shuō)。
try{ // event.returnValue = "You will lose any unsaved content"; // }catch(e){}JavaScript技術(shù)：使用onbeforeunload屬性后的副作用，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
