1.load:jQuery 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 事件。unload() 方法只套用於 window 物件。
# ######## ###用法:·object.onbeforeunload = handler ### ·
觸發於:
·關閉瀏覽器視窗
·透過網址列或收藏夾前往其他頁面的時候
·點擊返回,前進,刷新,主頁其中一個的時候
·點擊一個前往其他頁面的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>
觸發於:
·關閉瀏覽器視窗
·透過網址列或收藏夾前往其他頁面的時候
##·點擊返回,前進,刷新,主頁其中一個的時候
·點擊一個前往其他頁面的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(){
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中文網其他相關文章!