百個前端設計常用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.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= "aaa.js " > </script > 
50.指定在不支持腳本的瀏覽器顯示的HTML: <noscript > </noscript > 
51.當超鏈和onCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例: <a href= "a.html " >dfsadf </a > 
52.JS的內建對象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeErr or,URIError 
53.JS中的換行:&#92;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 >,則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.防止用戶對文本框中輸入文本: 
67.取出該元素在頁面中出現的數量:document.all.tags( "div(或其它HTML標記符) ").length 
68.JS中分爲兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless() 
69.狀態欄文字的設置:window.status= &apos;文字 &apos;,默認的狀態欄文字設置:window.defaultStatus = &apos;文字. &apos;; 
70.添加到收藏夾:external.AddFavorite( "http://www.dannyg.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://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.=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