jquery重新整理頁面的方法

局部重新整理：

常見的有以下幾種；

$.get方法，$.post方法，$.getJson方法,$.ajax方法如下

前兩種使用方法基本上一樣

$.get(”Default.php”, {id:”1″, page: “2″ },

function(data){

//這裡是回調方法。傳回data資料。這裡想怎麼處理就怎麼處理了。

});

$.getScript方法：

$.getScript(”http://jqueryajax.com/jquery.js”,

function(){

$(”#go”).click(function(){//回調方法

$(”.block”).animate( { backgroundColor: ‘pink’ }, 1000)

.animate( { backgroundColor: ‘blue’ }, 1000);

});

});

$.getJson隻是傳回的資料類型不一樣

$.getJson(”Default.php”, {id:”1″, page: “2″ },

function(data){

//注意，這裡傳回的JSON資料引用方法為”data.info”,不明白的可以查一下json方面的教程。這裡就不解釋太多了

});

$.ajax 這個方法估計用的人很多吧。不過我不太喜歡用這個。個人覺得前面兩個更友善

$.ajax({

type: “POST”, //送出的類型

url: “some.php”,//送出位址

data: “name=John&location=Boston”,//參數

success: function(msg){ //回調方法

alert( “Data Saved: ” + msg );//這裡是方法内容，和上面的get方法一樣

}

});

另外，還有一種常見的用法是：

[url=http://www.jbxue.com/article/11230.html]js重新整理目前頁面的方法[/url]，大家也可以參考下。

全頁面重新整理方法：有時候可能會用到

window.location.reload()重新整理目前頁面.

parent.location.reload()重新整理父親對象（用于架構）

opener.location.reload()重新整理父視窗對象（用于單開視窗）

top.location.reload()重新整理最頂端對象（用于多開視窗）

下面再介紹一些javascript基本函數

1.document.write(”");為 輸出語句

2.JS中的注釋為//

3.傳統的HTML文檔順序是:document->html->(head,body)

4.一個浏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document)

5.得到表單中元素的名稱和值:document.getElementById(”表單中元素的ID号”).name(或value)

6.一個小寫轉大寫的JS: document.getElementById(”output”).value = document.getElementById(”input”).value.toUpperCase();

7.JS中的值類型:String,Number,Boolean,Null,Object,Function

8.JS中的字元型轉換成數值型:parseInt(),parseFloat()

9.JS中的數字轉換成字元型:(”"+變量)

10.JS中的取字元串長度是:(length)

11.JS中的字元與字元相連接配接使用+号.

12.JS中的比較操作符有:==等于,!=不等于,>,>=,<.<=

13.JS中聲明變量使用:var來進行聲明

14.JS中的判斷語句結構:if(condition){}else{}

15.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}

16.循環中止的指令是:break

17.JS中的函數定義:function functionName([parameter],…){statement[s]}

18.當檔案中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

19.視窗:打開視窗window.open(), 關閉一個視窗:window.close(), 視窗本身:self

20.狀态欄的設定:window.status=”字元”;

21.彈出提示資訊:window.alert(”字元”);

22.彈出确認框:window.confirm();

23.彈出輸入提示框:window.prompt();

24.指定目前顯示連結的位置:window.location.href=”URL”

25.取出窗體中的所有表單的數量:document.forms.length

26.關閉文檔的輸出流:document.close();

27.字元串追加連接配接符:+=

28.建立一個文檔元素:document.createElement(),document.createTextNode()

29.得到元素的方法:document.getElementById()

49.引用一個檔案式的JS:<script type=”text/javascript” src=”aaa.js”></script>

50.指定在不支援腳本的浏覽器顯示的HTML:<noscript></noscript>

51.當超鍊和ONCLICK事件都有時,則老版本的浏覽器轉向a.html,否則轉向b.html. 例:<a href=”a.html” οnclick=”location.href=’b.html’;return false”>dfsadf</a>

52.JS 的内建對象 有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError

53.JS中的換行:\n

54.視窗全屏大 小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>

55.JS中的all代表其下層的全部元素

56.JS中的焦點順序:document.getElementByid(”表單元素”).tabIndex = 1

57.innerHTML 的值是表單元素的值:如<p id=”para”>”how are <em>you</em>”<p& gt;</p>,則innerHTML的值就是:how are <em>you</em>

58.innerTEXT的值和上面的一樣,隻不過不會把<em>這種标記顯示出來.

59.contentEditable可設定元素是否可被修改,isContentEditable傳回是否可修改的狀态.

60.isDisabled判斷是否為禁止狀态.disabled設定禁止狀态

61.length取得長度,傳回整型數值

62.addBehavior()是一種JS調用的外部函數檔案其擴充名為.htc

63.window.focus()使目前的視窗在所有視窗之前.

64.blur()指失去焦點.與FOCUS()相反.

65.select()指元素為選中狀态.

66.防止使用者對文本框中輸入文本:οnfοcus=”this.blur()”

67.取出該元素在頁面中出現的數量:document.all.tags(”div(或其它HTML标記符)”).length

68.JS中分為兩種窗體輸出:模态和非模态.window.showModaldialog(),window.showModeless()

69.狀态欄文字的設定:window.status=’文字’,預設的狀态欄文字設定:window.defaultStatus = ’文字.’;

70.添加到收藏夾:external.AddFavorite(”http://www.google.com”,”Google”);

71.JS中遇到腳本錯誤時不做任何操作:window.onerror = doNothing; 指定錯誤句柄的文法為:window.onerror = handleError;

72.JS中指定目前打開視窗的父視窗:window.opener,支援opener.opener…的多重繼續.

73.JS中的self指的是目前的視窗

74.JS中狀态欄顯示内容:window.status=”内容”

75.JS中的top指的是架構集中最頂層的架構

76.JS中關閉目前的視窗:window.close();

77.JS中提出是否确認的框:if(confirm(”Are you sure?”)){alert(”ok”);}else{alert(”Not Ok”);}

78.JS中的視窗重定向:window.navigate(”http://www.google.com”);

79.JS中的列印:window.print()

80.JS中的提示輸入框:window.prompt(”message”,”defaultReply”);

81.JS中的視窗滾動條:window.scroll(x,y)

82.JS中的視窗滾動到位置:window.scrollby

83.JS中設定時間間隔:setInterval(”expr”,msecDelay)或setInterval(funcRef,msecDelay)或setTimeout

84.JS中的模态顯示在IE4+行,在NN中不行:showModalDialog(”URL”[,arguments][,features]);

85.JS中的退出之前使用的句柄:function verifyClose() {event.returnValue=”we really like you and hope you will stay longer.”;}} window.οnbefοreunlοad=verifyClose;

86.當窗體第一次調用時使用的檔案句柄:onload()

87.當窗體關閉時調用的檔案句柄:onunload()

88.window.location 的屬 性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname(”/a /a.html”),hash(”#giantGizmo”,指跳轉到相應的錨記),href(全部的資訊)

89.window.location.reload()重新整理目前頁面.

89-1.parent.location.reload()重新整理父親對象（用于架構）

89-2.opener.location.reload()重新整理父視窗對象（用于單開視窗）

89-3.top.location.reload()重新整理最頂端對象（用于多開視窗）

90.window.history.back()傳回上一頁,window.history.forward()傳回下一頁,window.history.go(傳回第幾頁,也可以使用通路過的URL)

91.document.write()不換行的輸出,document.writeln()換行輸出

92.document.body.noWrap=true;防止連結文字折行.

93.變量名.charAt(第幾位),取該變量的第幾位的字元.

94.”abc”.charCodeAt(第幾個),傳回第幾個字元的ASCii碼值.

95.字元串連接配接:string.concat(string2),或用+=進行連接配接

96.變量.indexOf(”字元”,起始位置),傳回第一個出現的位置(從0開始計算)

97.string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.

98.string.match(regExpression),判斷字元是否比對.

99.string.replace(regExpression,replaceString)替換現有字元串.

100.string.split(分隔符)傳回一個數組存儲值.

101.string.substr(start[,length])取從第幾位到指定長度的字元串.

102.string.toLowerCase()使字元串全部變為小寫.

103.string.toUpperCase()使全部字元變為大寫.

104.parseInt(string[,radix(代表進制)])強制轉換成整型.

105.parseFloat(string[,radix])強制轉換成浮點型.

106.isNaN(變量):測試是否為數值型.

107.定義常量的關鍵字:const,定義變量的關鍵字:var