jQuery load和unload函式使用

實例

當使用者點擊連結離開本頁時，彈出一個訊息框：

$(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 程式碼:
jQuery Links:

jQuery 程式碼:
$("#links">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!" ); } );

 

 

#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 程式碼:
jQuery Links:

jQuery 程式碼:

$("#links">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!"); } );# ##

以上是jQuery load和unload函式使用的詳細內容。更多資訊請關注PHP中文網其他相關文章！