一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

使用onbeforeunload屬性后的副作用

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

    PromptDialog.png

    這個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",卻會出現一個腳本異常,如下圖:

    ErrorDialog.png

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

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

catch(e){}

JavaScript技術使用onbeforeunload屬性后的副作用,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚洲成人免费网址 | 婷婷亚洲久悠悠色悠在线播放 | 亚洲美女人黄网成人女 | 欧美亚洲综合激情在线 | 国产精品久久久久久久成人午夜 | 久久精品99成人中文字幕880 | 春色视频一区二区三区 | 99精品视频在线观看 | 永久免费观看午夜视频在线 | 禁断の肉体乱爱中文字幕欧 | 国产精品精品视频 | 国产视频2021 | 激情图片激情视频激情小说 | 美女一级毛片毛片在线播放 | 美女黄的全免费 | 2021国产精品一区二区在线 | 欧美综合在线视频 | 四虎国产精品永久地址99 | 欧美日韩国产一区二区三区在线观看 | 欧美日韩亚洲另类 | 国产91免费在线观看 | 好属妞这里只有精品久久 | 免费看黄网站在线看 | 国产精品久久久久影院色 | 国产精品久久久久影院色 | 亚洲国产成人在人网站天堂 | 香蕉视频网页 | 久久99精品久久久久久久不卡 | 精品国产91乱码一区二区三区 | 亚洲国产一区视频 | 精品久久久久久免费影院 | 国产 麻豆| 最新国产精品亚洲二区 | 亚洲国产精品线在线观看 | 国产精品久久99 | 婷婷色中文 | 怡红院视频网 | 国产伦精品一区二区三区女 | 一区二区三区免费在线观看 | 亚洲天堂色网站 | 69国产成人精品午夜福中文 |