首頁 >web前端 >js教程 >如何在瀏覽器視窗關閉或刷新時執行 JavaScript 程式碼?

如何在瀏覽器視窗關閉或刷新時執行 JavaScript 程式碼?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-18 06:38:02868瀏覽

How to Execute JavaScript Code When a Browser Window Closes or Refreshes?

在視窗關閉或頁面刷新時執行JavaScript 程式碼

使用Web 應用程式時,當使用者關閉瀏覽器視窗或刷新頁面。這允許您執行諸如保存用戶資料、觸發清理操作或追蹤網站使用情況等操作。

視窗關閉/刷新程式碼執行的可用選項

有兩個主要的JavaScript 事件監聽器可用於此目的Purpose:

  • window.onbeforeunload: 當使用者嘗試關閉視窗或選項卡時觸發此事件。它透過確認對話方塊提示使用者(例如,「離開頁面?」或「重新載入?」)。但是,如果沒有傳回字串或 event.returnValue,程式碼將執行而不顯示訊息。
  • window.onunload: 該事件在視窗關閉或頁面關閉之前立即觸發煥然一新。與 onbeforeunload 不同,它不會提示使用者確認對話框。

事件監聽器的使用

您可以使用下列方法將這些事件監聽器指派給視窗屬性下列語法:

注意事項iframes

如果iframe 被其父級刪除,則 beforeunload 事件在 iframe 內不起作用。但是,在 Chrome 中,卸載和頁面隱藏事件在這種情況下確實有效。不幸的是,截至 2023 年 8 月,Firefox 有一個錯誤,導致這些事件無法用於 iframe 刪除。

以上是如何在瀏覽器視窗關閉或刷新時執行 JavaScript 程式碼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn