jQuery之load、unload、onunload和onbeforeunload - liuyueyue

　　1.load：jQuery load() 方法是簡單但強大的 AJAX 方法。 load() 方法從伺服器載入數據，並把傳回的資料放入被選元素中。

 

　　語法：$(selector).load(URL,data,callback );

　　必要的URL 參數規定您希望載入的URL。

　　可選的 data 參數規定與請求一同發送的查詢字串#鍵/值對集合。

　　可選的 callback 參數是 load() 方法完成後所執行的函數名稱。

　　這是範例檔案（"demo_test.txt"）的內容：

　 <h2 id="jQuery-and-AJAX-is-FUN">jQuery and AJAX is FUN!!!</h2>
　 <p>This is some text in a paragraph.</p>

     下面的範例會將檔案"demo_test.txt" 的內容載入到指定的

元素中：

      範例：$("#p1").load("demo_test.txt");
　   也可以將jQuery 選擇器加入到URL 參數。

      下面的範例將"demo_test.txt" 檔案中id="p1" 的元素的內容，載入到指定的

元素中：

　　$("#p1").load("demo_test.txt #p1");

　　可選的callback 參數規定當load() 方法完成後所要允許的回呼函數。回呼函數可以設定不同的參數：

• responseTxt - 包含呼叫成功時的結果內容

• # statusTXT - 包含呼叫的狀態

• xhr - 包含 XMLHttpRequest 物件

     下方的範例會在load () 方法完成後顯示提示框。如果load() 方法已成功，則顯示“外部內容載入成功！”，而如果失敗，則顯示錯誤訊息：

　　$("button").click(function(){

　　　　$("#p1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){

　　　　 　　ccif(stat

##　　　　 　　ccif(stat

##t="ccH　　succ　cc　cc　cc(stat

#)=="ccC　cc　alert( "外部內容載入成功！");

　　　　　　 if(statusTxt=="error")

　　　　　　　　alert("Estator): "+x.do　　　　alert("Estator.

##　　　　 });

　　});　　　　

　　2.unload：當使用者點擊連結離開本頁時，彈出一個離開一個「訊息框」unload：當使用者點擊連結離開本頁時，就點擊連結離開

##> ##：

　　$(window).unload(function(){
  　　 alert("Goodbye!");
　　});

　　當使用者離開頁面時，會發生unload 事件。

　　具體來說，當發生以下情況時，會發出unload 事件：

• 點擊某個離開頁面的連結

• 在網址列中鍵入了新的URL

• 使用前進或後退按鈕

• 關閉瀏覽器

• 重新載入頁面

　　unload() 方法將事件處理

程式綁定到unload 事件。

　　unload() 方法只套用於 window 物件。

 

　　3.onunload：

# ########　　###用法：·object.onbeforeunload = handler ###　　　　　· ###　　描述：當使用者關閉一個頁面時觸發onunload 事件。 ######

　　觸發於：
　　·關閉瀏覽器視窗
　　·透過網址列或收藏夾前往其他頁面的時候
　　·點擊返回，前進，刷新，主頁其中一個的時候
　　·點擊一個前往其他頁面的url連接的時候
　　·呼叫以下任一事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.
　　·當用window open開啟一個頁面，並把本頁的window的名字傳給要開啟的頁面的時候。
　　·重新賦予location.href的值的時候。
　　·透過input type=”submit」按鈕提交一個指定action的表單的時候。

　　範例：

#

#html xmlns##="http://www.w3.org/1999/xhtml" > ;
head>
-equiv= " Content-Type" 內容="text/html; 字元集=gb2312" / >








script#>再來！ #);#腳本;/head>#body onunload ="checkLeave()">/body>##【/html>

################################# ############## ##################################### ################ ################################### ################## ######################################### #################### ##########4###.onbeforeunload:############ ###########說明：目前三大主流瀏覽器中firefox和IE都支援onbeforeunload事件，opera尚未支援。; ###描述：###事件觸發的時候彈出一個有確定和取消的對話框，確定則離開頁面，取消則繼續待在本頁面。文字.# ########

　　觸發於：
　　·關閉瀏覽器視窗
　　·透過網址列或收藏夾前往其他頁面的時候
##·點擊返回，前進，刷新，主頁其中一個的時候
　　·點擊一個前往其他頁面的url連接的時候
　　#·調用以下任一個事件的時候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit.
　　·當用window 打開一個頁面，並把本頁的window的名字傳給要開啟的頁面的時候。
　　·重新賦予location.href的值的時候。
　　·透過input type=”submit」按鈕提交一個指定action的表單的時候。
　　可以用在以下元素：
　　·BODY, FRAMESET, window
　　平台支持：
　　IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
　　範例：

#html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv#=" Content-Type" 內容="text/html; #title>
onbeforeunload測試/title># script>
函數 checkLeave(){     ￲

######################################### ########################################################### ########################################################### ## ？ ###"###;####head>############ ;########################## #### ####################################################### ###### ############################################# ######## ########################################### ########## ######################################### ############ ##########################但是onbeforeunload有個小毛病，就是頁面刷新的時候，他還是會呼叫到onbeforeunload，為什麼？ ？

window.onbeforeunload   =   function(){   
      var-   window.screenLeft;         var   b   
=   n #C11N1112#11215p#2115p#211fp#dp#dp#p#11fp#dp#Ft#d; ;         if(b   &&   window.event.clientY   < #   window.event.altKey)   
      {             alert( ##. returnValue   =   "是否關閉？";      }else
{
           ##");        }   }




 附註：本文後兩個事件整理於：http://www.cnblogs.com/fredlau/archive/2009/06/10/1500490.html，感謝原作者 #

以上是jQuery之load、unload、onunload和onbeforeunload - liuyueyue的詳細內容。更多資訊請關注PHP中文網其他相關文章！