實例
當用戶點擊鏈接離開本頁時，彈出一個消息框：
$(window).unload(function(){
alert("Goodbye!");
});
定義和用法
當用戶離開頁面時，會發生 unload 事件。
具體來說，當發生以下情況時，會發出 unload 事件：
- 點擊某個離開頁面的鏈接
- 在地址欄中鍵入了新的 URL
- 使用前進或后退按鈕
- 關閉瀏覽器
- 重新加載頁面
unload() 方法將事件處理程序綁定到 unload 事件。
unload() 方法只應用於 window 對象。
語法
event.unload(function)
| 參數 | 描述 |
|---|---|
| function | 必需。規定當觸發 unload 事件時運行的函數。 |
jQuery load和unload函數使用
load(url, [data], [callback]) 載入遠程 HTML 文件代碼並插入至 DOM 中。默認使用 GET 方式 - 傳遞附加參數時自動轉換為 POST 方式。jQuery 1.2 中，可以指定選擇符，來篩選載入的 HTML 文檔，DOM 中將僅插入篩選出的 HTML 代碼。語法形如 "url #some > selector"。
有三個參數,分別是:
url — (String) — 待裝入 HTML 網頁網址。
data (可選) — (Map,String) — 發送至服務器的 key/value 數據。在jQuery 1.3中也可以接受一個字符串了。
callback (可選) — Callback載入成功時回調函數。
示例 :
加載文章側邊欄導航部分至一個無序列表。
HTML 代碼:
<b>jQuery Links:</b>
<ul id="links"></ul>jQuery 代碼:
$("#links").load("/Main_Page #p-Getting-Started li");
加載 feeds.html 文件內容。
jQuery 代碼:
$("#feeds").load("feeds.html");
同上，但是以 POST 形式發送附加參數並在成功時顯示信息。
jQuery 代碼:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
unload(fn) 在每一個匹配元素的unload事件中綁定一個處理函數。
參數 :fn — Function在每一個匹配元素的unload事件中綁定的處理函數。
示例 : 頁面卸載的時候彈出一個警告框:
jQuery 代碼:
$(window).unload( function () { alert("Bye now!"); } );