国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用onbeforeunload屬性后的副作用

2019-11-21 02:13:30
字體:
供稿:網(wǎng)友
在使用博客園的編輯器編輯文章時,有一個挺體貼用戶的功能,就是如果用戶進入編輯器后,不是執(zhí)行"POST"操作而要退出當(dāng)前編輯器頁面,我們會得到一個Alert窗口提示(如下圖)。這個功能其實很簡單,就是通過處理window、body或frameset對象或元素的onbeforeunload事件實現(xiàn)的。

    PromptDialog.png

    這個unbeforeunload的具體用法我就不說了,反正幾乎能引起當(dāng)前頁面發(fā)生跳轉(zhuǎn)的任何動作,都會觸發(fā)這個事件。并且它先于unload事件被觸發(fā),如果在其的事件處理函數(shù)里面向event.returnValue屬性賦值非空字符串,就會出現(xiàn)一個如上圖的窗口(代碼如下)。
window.onbeforeunload = function ()
{
    
// . . .  
    event.returnValue = "You will lose any unsaved content";
    
// . . .    
}

    至于這個窗口是做什么用的,窗口上系統(tǒng)提示的文字(第1行和第3行)已經(jīng)說的非常清楚了。那么使用這個事件到底有什么問題呢?

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

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

    ErrorDialog.png

    解決方法就是把腳本調(diào)用try一下,但這似乎是IE的一個bug的說。

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

catch(e){}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 安庆市| 清苑县| 瓦房店市| 九龙城区| 仪陇县| 平乡县| 禄劝| 梁山县| 西畴县| 阿巴嘎旗| 延津县| 嘉义县| 广河县| 北海市| 靖安县| 奉化市| 贡嘎县| 什邡市| 库伦旗| 三穗县| 泰宁县| 普格县| 马边| 惠安县| 抚松县| 政和县| 从江县| 孝昌县| 平果县| 平远县| 天峨县| 屯门区| 怀集县| 鄂尔多斯市| 富裕县| 高邮市| 淮安市| 青田县| 象州县| 荔波县| 德兴市|