首頁 > web前端 > js教程 > jQuery load和unload函式使用

jQuery load和unload函式使用

巴扎黑
發布: 2017-06-29 10:39:08
原創
2166 人瀏覽過

實例

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

$(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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板