【JS教程】100+經常使用JS函數（方法）

100+經常使用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<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:<noscript></noscript>

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表明其下層的所有元素

 

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.google.com","Google");

 

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.google.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()刷新當前頁面.

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