javascript   卸載事件(onunload)

   當用戶退出頁面時(頁面關閉、頁面刷新等),觸發onUnload事件,同時執行被調用   的程序。

      注意:不同瀏覽器對onunload事件支持不同。

     如下代碼,當退出頁面時,彈出對話框“您確定離開該網頁嗎?”。

如圖:5312ee6b0001f89408950418.jpg

spacer.gif

      運行結果:(IE瀏覽器)


546470c90001583205460464.jpg




個人補充以下幾點:


瀏覽了下其他的網頁,自己總結了下,不對的地方多多指教

卸載事件通俗的講,就是離開當前網頁,離開當前網頁有兩種方式,

1.像平常我們關閉網頁,也就是離開網頁了;2.在當前網頁點擊加載其他網頁,跳轉到其他網頁,也是離開當前網頁的一種;

onunload屬於第2種,只有當你要跳轉到另一個頁面時,也就是要離開當前網頁了,要跳轉到另一個網頁了,onunload纔會被觸發;

那平常時關閉網頁就直接跳出一個對話框是怎麼辦到的?原來還有一個onbeforeunload,顧名思義,就是在onunload被執行之前,就被調用,無論是以上2種跳轉方法中的哪種,onbeforeunload都會被觸發。



2.幾點說明:

①目前試了Firefox、Google Chrome、IE三個瀏覽器,該事件只對IE起作用。

②onunload事件對於刷新頁面和超鏈接跳轉其他頁面情況有效,對於關閉頁面無效。

③onbeforeunload事件纔對關閉頁面有效。

④window.onunload = onunload_message後面不需要加()。如果有人不管加沒加(),都在頁面跳轉和刷新時彈不出提示框,是因爲IE限制了網頁運行腳本或ActiveX控件,點擊“允許阻止的內容”,再刷新和跳轉就可以看到效果了。

⑤加了()的,在頁面一打開就會彈出提示框,這個不是我們要實現的效果。



window.onunload = onunload_message()谷歌加括號纔有用。



     

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章