使用onbeforeunload屬性後的副作用

    在使用博客園的編輯器編輯文章時，有一個挺體貼用戶的功能，就是如果用戶進入編輯器後，不是執行"POST"操作而要退出當前編輯器頁面，我們會得到一個Alert窗口提示（如下圖）。這個功能其實很簡單，就是通過處理window、body或frameset對象或元素的onbeforeunload事件實現的。

    

    這個unbeforeunload的具體用法我就不說了，反正幾乎能引起當前頁面發生跳轉的任何動作，都會觸發這個事件。並且它先於unload事件被觸發，如果在其的事件處理函數裏面向event.returnValue屬性賦值非空字符串，就會出現一個如上圖的窗口（代碼如下）。

window.onbeforeunload = function ()
{
    // . . .  
    event.returnValue = "You will lose any unsaved content";
    // . . .    
}

    至於這個窗口是做什麼用的，窗口上系統提示的文字（第1行和第3行）已經說的非常清楚了。那麼使用這個事件到底有什麼問題呢？

    我們知道引起當前頁面發生條轉主要3類事件：
    1、對瀏覽器窗口的操作，比如關閉瀏覽器、go home、backward、forward和refresh等；
    2、對於網頁的Navigatie操作，比如點擊鏈接、在地址欄中執行新的地址、頁面表單提交到非當前頁面等；
    3、腳本代碼引起的頁面Navigate操作，比如執行navigate、locatoin方法(replace, reload, assign)和修改location屬性(href, search)等。

    以上的1-2類操作引起onbeforeunload的事件，使用起來基本沒有任何的問題，可是執行第3類頁面條轉操作卻有點小問題。就是在上圖的窗口出現後，如果點選"OK"，確實就OK，頁面正確跳轉了。可是如果這個時候，我們點選"Cancel"，卻會出現一個腳本異常，如下圖：

    

    解決方法就是把腳本調用try一下，但這似乎是IE的一個bug的說。

try
{
    //   
    event.returnValue = "You will lose any unsaved content";
    //   
}
catch(e){}