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方法一樣
}
});
下面介紹全頁面重新整理方法：有時候可能會用到
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” onclick=”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></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.防止使用者對文字框中輸入文本:onfocus=”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.onbeforeunload=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
