100多個基礎常用JS函式和語法集合大全

網站特效離不開指令碼，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 e­xPRession];[condition];[upadte e­xpression]) {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.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:<script type="text/Javascript" src="aaa.js"></script>
50.指定在不支援指令碼的瀏覽器顯示的HTML:
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代表其下層的全部元素http://bizhi.knowsky.com/
56.JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1
57.innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"</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.xrss.cn","jaskdlf");
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.sina.com.cn");
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