javascript 卸載事件（onunload）

標籤：javascript   卸載事件（onunload）

   當使用者退出頁面時（頁面關閉、頁面重新整理等），觸發onUnload事件，同時執行被調用   的程式。

      注意：不同瀏覽器對onunload事件支援不同。

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

650) this.width=650;" src="http://img.mukewang.com/5312ee6b0001f89408950418.jpg" style="color:rgb(31,36,38);font-size:18px;font-weight:bold;" alt="5312ee6b0001f89408950418.jpg" />

650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" style="background:url("/e/u261/lang/zh-cn/images/localimage.png") no-repeat center;border:1px solid #ddd;" alt="spacer.gif" />

      運行結果：（IE瀏覽器）

650) this.width=650;" src="http://img.mukewang.com/546470c90001583205460464.jpg" alt="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()Google加括弧才有用。

     

javascript   卸載事件（onunload）