首頁 > web前端 > js教程 > JS常用函數使用指南_基礎知識

JS常用函數使用指南_基礎知識

WBOY
發布: 2016-05-16 16:30:39
原創
1330 人瀏覽過

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[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.setYearateObj.setYear (val)設定年,dateObj.setMonth(val)設定月,dateObj.setDate(val)設定日,dateObj.setDay(val)設定星期幾,dateObj.setHours設定小時,dateObj.setMinutes(val)設定分,dateObjj .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:

51.當超鍊和ONCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:dfsadf

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;}</script>

window.maximize=fullScreen;

55.JS中的all代表其下層的全部元素

56.JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1

57.innerHTML的值是表單元素的值:如

"how are you"

,則innerHTML的值就是:how are you

58.innerTEXT的值和上面的一樣,只不過不會把這種標記顯示出來.

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='文字',預設的狀態列文字設定: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

最後還是沒湊足一百單八將,小小的遺憾一下吧,小夥伴們幫忙補足還行啊?

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板