jQuery 重新整理頁面等..

文章目錄

• • • • • 1. 重新整理頁面部分
        • • 1) 全部重新整理
          • 2) 局部重新整理
        • 2. input值改變且失去焦點事件：
        • 3. 頁面加載事件
        • 4. 字元串和json互相轉換
        • • 1) 字元串轉換json
          • 2) JSON轉為字元串

1. 重新整理頁面部分

1) 全部重新整理

• 重新整理目前頁面: window.location.reload();
• 重新整理父頁面: parent.location.reload()
• 重新整理父視窗對象(單開視窗): opener.location.reload()
• 重新整理最頂端對象(多開視窗): top.location.reload()

2) 局部重新整理

主要是ajax重新整理

$.ajax({
	url: "/test",
	async: false, // 預設為true,使ajax異步, 設定為false,同步
	data: "testdata", // 傳輸到背景的資料 類型:String
	success: function(data){ 
		// 調用成功後的函數， data為傳回資料
	},
	error: function(){ // 失敗後的回調函數
	}
})
           

2. input值改變且失去焦點事件：

• onchange事件： 在内容改變且失去焦點時觸發，并且是由鍵盤或滑鼠事件激發的（腳本觸發無效）

  <input type="text" onchange="fun()" />
  	//...
  	function fun(){
  	// ...
  	}
             

• onpropertychange事件： 值改變實時觸法，IE專有。
• blur事件: 失去焦點事件

  $("input").blur(function(){
  	$("input").css("background-color","#D6D6FF");
  })
             

3. 頁面加載事件

• $(document).ready： 是DOM結構繪制完後執行，不必等到頁面中圖檔等資源檔案都加載完畢，早于window.onload

  $(document).ready(function(){
  	// ... 代碼部分：
  })
             

• window.onload： 是頁面所有元素都加載完畢，包括圖檔等所有元素。隻能執行一次。

  //Jquery
  $(window).load(function (){ 
  	// ... 
  });
  //js
  Window.onload = function ()
  {
   	// ...
  }
             

4. 字元串和json互相轉換

1) 字元串轉換json

• $.parseJSON()：

• JSON.parse(jsonstr);

2) JSON轉為字元串

• JSON.stringify(jsonobj);