經常使用JavaScript語法107條

一、什麼是JavaScript?

JavaScript是一種能讓你的網頁更加生動活潑的程式語言，也是目前網頁中設計中最容易學又最方便的語言。你能夠利用JavaScript輕易的作出親切的歡迎訊息、漂亮的數字鐘、有廣告效果的跑馬燈及簡易的選舉，還能夠顯示瀏覽器停留的時間。讓這些特殊效果提升網頁的可觀性。

今天前端攻城獅剝殼給你分享107個javascript基礎語法，也算是JavaScript入門教程。這些javascript語法是不錯的JavaScript入門教材。

1.輸出語句:document.write(「」)
2.JS中的註釋爲://
3.傳統的HTML文檔順序是:document->html->(head,body)
4.一個瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)
5.獲得表單中元素的名稱和值:document.getElementByIdx_x(「表單中元素的ID號」).name(或value)
6.一個小寫轉大寫的JS:
document.getElementByIdx_x(「output」).value = document.getElementByIdx_x(「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=」/blog/URL」
25.取出窗體中的全部表單的數量:document.forms.length
26.關閉文檔的輸出流:document.close();
27.字符串追加鏈接符:+=
28.建立一個文檔元素:document.createElement_x(),document.createTextNode()
29.獲得元素的方法:document.getElementByIdx_x()
30.設置表單中全部文本型的成員的值爲空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;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:<script type=」text/javascript」 src=」/blog/aaa.js「></script>
50.指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>
51.當超鏈和onCLICK事件都有時,則老版本的瀏覽器轉向a.html,不然轉向b.html.例:<a href=」/blog/a.html」 onclick=」location.href=」/blog/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.getElementByIdx_x(「表單元素」).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://bbs.blueidea.com/」;,」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://bbs.blueidea.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()刷新當前頁面.
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