JAVASCRIPT是AJAX技術中不可或缺的一部分,所以想學好AJAX以及現在流行的AJAX框架,學好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()
30.設定表單中所有文字型的成員的值為空:
var form = window.document.forms[0] for (var i = 0; i<form.elements.length;i++){ if (form.elements[i].type == "text"){ form.elements[i].value = ""; } }
31.複選按鈕在JS中判斷是否選取:document.forms[0].checkThis.checked (checked屬性代表為是否選取返回TRUE或FALSE)
32.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms[0].groupName.length
33.單選按鈕組判斷是否被選取也是用checked.
34.下拉列錶框的值:document.forms[0].selectName.options[n].value (n有時會用下拉列錶框名稱加上.selectedIndex來決定被選取的值)
35.字串的定義:var myString = new String("This is lightsword");
36.字串轉成大寫:string.toUpperCase(); 字串轉成小寫:string.toLowerCase();
37.傳回字串2在字串1中出現的位置:String1.indexOf("String2")!=-1則表示沒找到.
38.取字串中指定位置的一個字元:StringA.charAt(9);
39.取出字串中指定起點和終點的子字串:stringA.substring(2,6);
40.數學函數:Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)傳回兩個數中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四捨五入函數,Math.floor(Math.random()*(n+1))傳回隨機數
41.定義日期型變數:var today = new Date();
42.日期函數列表:dateObj.getTime()得到時間,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj .getDay()得到日期幾,dateObj.getHours()得到小時,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)設定時間,dateObj.setYear(val)設定年, dateObj.setMonth(val)設定月,dateObj.setDate(val)設定日,dateObj.setDay(val)設定星期幾,dateObj.setHours設定小時,dateObj.setMinutes(val)設定分,dateObj.setSeconds(val)設定秒[注意:此日期時間從0開始計]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父親對象,top代表最頂端對象
45.開啟子視窗的父視窗為:opener
46.表示目前所屬的位置:this
47.在超連結中呼叫JS函數時用:(javascript:)來開頭後面加函數名
48.在舊的瀏覽器中不執行此JS:
49.引用一個檔案式的JS:
50.指定在不支援腳本的瀏覽器顯示的HTML:
51.當超鍊和ONCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:dfsadf
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的值是表單元素的值:如
"how are you"
,則innerHTML的值就是:how are you< /em>二:javascript常用方法如下:
1.index和indexof ,lastindexof
var arr = [1,2,3,4,5,4,3,2,1]; // 1个参数的时候表示传值,返回索引位置 (index 从零开始) var index = arr.indexOf(4); // 2个参数的时候,第一个参数表示起始位置 第二个参数还是值 var index = arr.indexOf(4,4); //alert(index)// 5
2.五个新迭加方法
// every :对于数组每一个元素进行一个函数的运行,如果都返回true 最后则返回true 如果有一个不满足条件,则返回false var result = arr.every(function(item,index,array){ return item > 2; }); alert(result); // filter:对于数组的每一个元素进行一个函数的运行 给定的函数去执行 把过滤后的结果返回 var result = arr.filter(function(item,index,array){ return item > 2; }); alert(result); // forEach:循环数组每一项的值,并执行一个方法 arr.forEach(function(item,index,array){ alert(item); }); //map 对于数组的每一个元素进行一个函数的运行 可以经过函数执行完毕后 把新的结果返回 var result = arr.map(function(item,index,array){ return item*2; }); alert(result) //some:对于数组每一个元素惊醒一个函数的运行,如果有一项返回true ,则返回true,如果有一个返回false 则返回false var result = arr.some(function(item,index,array){ return item >=5; }); alert(result); // reduce reduceRight // 前一个 值,当前值,索引位置,array var result = arr.reduce(function(prev,cur,index,array){ return prev + cur; }); alert(result);// 25 var result = arr.reduceRight(function(prev,cur,index,array){ return prev + cur; }); alert(result)//25