首頁 > web前端 > js教程 > 主體

jQuery之load、unload、onunload和onbeforeunload - liuyueyue

巴扎黑
發布: 2017-06-29 10:38:11
原創
4256 人瀏覽過

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

 

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

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

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

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

  這是範例檔案("demo_test.txt")的內容:

  <h2>jQuery and AJAX is FUN!!!</h2>
  <p id="p1">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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!