伴隨著ajax的流行,js又得到了很多人的重視,js最大的優勢就是它能夠對html上的所有元素進行操作,包括創建標籤元素,更改元素屬性等,這樣就使得我們能夠利用js來實現很多的動態效果,來提供給使用者更強的互動性!
Js測試方法
#在調試Javascript腳本的時候,如果有錯誤,IE的狀態列裡會有個問號[點擊此問號],或者彈出錯誤框,為了盡快找到錯誤,以下是常用的調試方法:
1.如果出現對象為null或找不不到對象,那就是id,name或DOM寫法不對,請檢查錯誤所在的行;
2.如果錯誤定位到一個函數的呼叫上,說明函數體有問題,到函數體找原因。
3.為了加速速度,可以先用/* */註解屏蔽掉一部分程式碼,逐步檢查;
4.可以增加alert(xxx)來看看變數是否得到了期望的值;
5.IE的錯誤報告往往不準確,例如行18錯的話,有時候是19行有問題;
6. 為了確保程式碼能正確運行,在實在不能確定能否出現錯誤的時候,用try{}catch{}語句在做
其他的方法,請各位繼續添加。
<script> try{ x=y; // Cause an error. } catch(e){ // Create local variable e. alert(e); // Prints "[object Error]". alert(e.number & 0xFFFF); // Prints 5009. alert(e.description); // Prints "'y' is undefined". } </script>
每一項都是js中的小技巧,但十分的實用!
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 if (form.elements.type == "text"){
form.elements.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.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:
//去左空格; function ltrim(s){ return s.replace( /^\s*/, ""); } //去右空格; function rtrim(s){ return s.replace( /\s*$/, ""); } //左右空格; function trim(s){ return rtrim(ltrim(s)); } //检查非法字符 //str 要检查的字符 //badwords 非法字符 &|<>= function checkbadwords(str, badwords) { if (typeof (str) != "string" || typeof (badwords) != "string") { return (false); } for (i=0; i bad = badwords.charAt(i); for (j=0; j if (bad == str.charAt(j)) { return false; break; } } } return true; } //检查合法字符,限制只能输入的字符 //str 要检查的字符 //goodwords 合法字符 1234567890abcdefghijklmnopqrstuvwxyz function checkgoodwords(str, goodwords) { if (typeof (str) != "string" || typeof (goodwords) != "string") { return (false); } for (i=0; i this_str = str.charAt(i); for (j=0; j if (this_str == goodwords.charAt(j)) { break; } if(j==goodwords.length-1){ return false; } } } return true; }
//函 数 名:chkinteger //功能介绍:检查是否为数字 //参数说明:要检查的字符串 //返 回 值:false:不是 true:是 function chkinteger(checkStr) { var checkOK = "0123456789+-"; var allValid = true; for (i=0; i ch = checkStr.charAt(i); if (checkOK.indexOf(ch) == -1) { allValid = false; break; } if ((ch == '+' || ch == '-') && i>0) { allValid = false; break; } } return (allValid); } //函 数 名:chklength //功能介绍:检查字符串的长度 //参数说明:要检查的字符串 //返 回 值:字节长度值 function chklength(checkStr) { var n = 0; for (i=0; i chcode = checkStr.charCodeAt(i); if (chcode>=0 && chcode<=255) { n++; } else { n += 2; } } return (n); }
以上就是js入门基础编程的全部内容了,感谢大家的阅读!
以上是js入門語法基礎篇介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!