六、100多個(gè)基礎(chǔ)常用JS函數(shù)和語(yǔ)法集合大全

網(wǎng)站特效離不開腳本,javascript是最常用的腳本語(yǔ)言,我們歸納一下常用的基礎(chǔ)函數(shù)和語(yǔ)法:

  1. 輸出語(yǔ)句:document.write("");
  2. JS中的注釋為//
  3. 傳統(tǒng)的HTML文檔順序是:document->html->(head,body)
  4. 一個(gè)瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)
  5. 得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號(hào)").name(或value)
  6. 一個(gè)小寫轉(zhuǎn)大寫的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
  7. JS中的值類型:String,Number,Boolean,Null,Object,Function
  8. JS中的字符型轉(zhuǎn)換成數(shù)值型:parseInt(),parseFloat()
  9. JS中的數(shù)字轉(zhuǎn)換成字符型:(""+變量)
  10. JS中的取字符串長(zhǎng)度是:(length)
  11. JS中的字符與字符相連接使用+號(hào).
  12. JS中的比較操作符有:==等于,!=不等于,>,>=,<.<=
  13. JS中聲明變量使用:var來(lái)進(jìn)行聲明
  14. JS中的判斷語(yǔ)句結(jié)構(gòu):if(condition){}else{}
  15. JS中的循環(huán)結(jié)構(gòu):for([initial e-xPRession];[condition];[upadte e-xpression]) {inside loop}
  16. 循環(huán)中止的命令是:break
  17. JS中的函數(shù)定義:function functionName([parameter],...){statement[s]}
  18. 當(dāng)文件中出現(xiàn)多個(gè)form表單時(shí).可以用document.forms[0],document.forms[1]來(lái)代替.
  19. 窗口:打開窗口window.open(), 關(guān)閉一個(gè)窗口:window.close(), 窗口本身:self
  20. 狀態(tài)欄的設(shè)置:window.status="字符";
  21. 彈出提示信息:window.alert("字符");
  22. 彈出確認(rèn)框:window.confirm();
  23. 彈出輸入提示框:window.prompt();
  24. 指定當(dāng)前顯示鏈接的位置:window.location.href="URL"
  25. 取出窗體中的所有表單的數(shù)量:document.forms.length
  26. 關(guān)閉文檔的輸出流:document.close();
  27. 字符串追加連接符:+=
  28. 創(chuàng)建一個(gè)文檔元素:document.createElement(),document.createTextNode()
  29. 得到元素的方法:document.getElementById()
  30. 設(shè)置表單中所有文本型的成員的值為空:
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 = "";
     }
}
  1. 復(fù)選按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表為是否選中返回TRUE或FALSE)
  2. 單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長(zhǎng)度document.forms[0].groupName.length
  3. 單選按鈕組判斷是否被選中也是用checked.
  4. 下拉列表框的值:document.forms[0].selectName.options[n].value (n有時(shí)用下拉列表框名稱加上.selectedIndex來(lái)確定被選中的值)
  5. 字符串的定義:var myString = new String("This is lightsWord");
  6. 字符串轉(zhuǎn)成大寫:string.toUpperCase(); 字符串轉(zhuǎn)成小寫:string.toLowerCase();
  7. 返回字符串2在字符串1中出現(xiàn)的位置:String1.indexOf("String2")!=-1則說(shuō)明沒找到.
  8. 取字符串中指定位置的一個(gè)字符:StringA.charAt(9);
  9. 取出字符串中指定起點(diǎn)和終點(diǎn)的子字符串:stringA.substring(2,6);
  10. 數(shù)學(xué)函數(shù):Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)返回兩個(gè)數(shù)中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函數(shù),Math.floor(Math.random()*(n+1))返回隨機(jī)數(shù)
  11. 定義日期型變量:var today = new Date();
  12. 日期函數(shù)列表:
    dateObj.getTime()得到時(shí)間,
    dateObj.getYear()得到年份,
    dateObj.getFullYear()得到四位的年份,
    dateObj.getMonth()得到月份,
    dateObj.getDate()得到日,
    dateObj.getDay()得到日期幾,
    dateObj.getHours()得到小時(shí),
    dateObj.getMinutes()得到分,
    dateObj.getSeconds()得到秒,
    dateObj.setTime(value)設(shè)置時(shí)間,
    dateObj.setYear(val)設(shè)置年,
    dateObj.setMonth(val)設(shè)置月,
    dateObj.setDate(val)設(shè)置日,
    dateObj.setDay(val)設(shè)置星期幾,
    dateObj.setHours設(shè)置小時(shí),
    dateObj.setMinutes(val)設(shè)置分,
    dateObj.setSeconds(val)設(shè)置秒 [注意:此日期時(shí)間從0開始計(jì)]
  13. FRAME的表示方式:
    [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
  14. parent代表父親對(duì)象,top代表最頂端對(duì)象
  15. 打開子窗口的父窗口為:opener
  16. 表示當(dāng)前所屬的位置:this
  17. 當(dāng)在超鏈接中調(diào)用JS函數(shù)時(shí)用:(javascript:)來(lái)開頭后面加函數(shù)名
  18. 在老的瀏覽器中不執(zhí)行此JS:
  19. 引用一個(gè)文件式的JS:<script type="text/Javascript" src="aaa.js"></script>
  20. 指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>
  21. 當(dāng)超鏈和ONCLICK事件都有時(shí),則老版本的瀏覽器轉(zhuǎn)向a.html,否則轉(zhuǎn)向b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>
  22. JS的內(nèi)建對(duì)象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
  23. JS中的換行:\n
  24. 窗口全屏大小:
    <script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
  25. JS中的all代表其下層的全部元素http://bizhi.knowsky.com/
  26. JS中的焦點(diǎn)順序:document.getElementByid("表單元素").tabIndex = 1
  27. innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"</p>,則innerHTML的值就是:how are <em>you</em>
  28. innerTEXT的值和上面的一樣,只不過(guò)不會(huì)把<em>這種標(biāo)記顯示出來(lái).
  29. contentEditable可設(shè)置元素是否可被修改,isContentEditable返回是否可修改的狀態(tài).
  30. isDisabled判斷是否為禁止?fàn)顟B(tài).disabled設(shè)置禁止?fàn)顟B(tài)
  31. length取得長(zhǎng)度,返回整型數(shù)值
  32. addBehavior()是一種JS調(diào)用的外部函數(shù)文件其擴(kuò)展名為.htc
  33. window.focus()使當(dāng)前的窗口在所有窗口之前.
  34. blur()指失去焦點(diǎn).與FOCUS()相反.
  35. select()指元素為選中狀態(tài).
  36. 防止用戶對(duì)文本框中輸入文本:onfocus="this.blur()"
  37. 取出該元素在頁(yè)面中出現(xiàn)的數(shù)量:document.all.tags("div(或其它HTML標(biāo)記符)").length
  38. JS中分為兩種窗體輸出:模態(tài)和非模態(tài).window.showModaldialog(),window.showModeless()
  39. 狀態(tài)欄文字的設(shè)置:window.status='文字',默認(rèn)的狀態(tài)欄文字設(shè)置:window.defaultStatus = '文字.';
  40. 添加到收藏夾:external.AddFavorite("http://www.xrss.cn","jaskdlf");
  41. JS中遇到腳本錯(cuò)誤時(shí)不做任何操作:window.onerror = doNothing; 指定錯(cuò)誤句柄的語(yǔ)法為:window.onerror = handleError;
  42. JS中指定當(dāng)前打開窗口的父窗口:window.opener,支持opener.opener...的多重繼續(xù).
  43. JS中的self指的是當(dāng)前的窗口
  44. JS中狀態(tài)欄顯示內(nèi)容:window.status="內(nèi)容"
  45. JS中的top指的是框架集中最頂層的框架
  46. JS中關(guān)閉當(dāng)前的窗口:window.close();
  47. JS中提出是否確認(rèn)的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
  48. JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
  49. JS中的打印:window.print()
  50. JS中的提示輸入框:window.prompt("message","defaultReply");
  51. JS中的窗口滾動(dòng)條:window.scroll(x,y)
  52. JS中的窗口滾動(dòng)到位置:window.scrollby
  53. JS中設(shè)置時(shí)間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
  54. JS中的模態(tài)顯示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
  55. JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
  56. 當(dāng)窗體第一次調(diào)用時(shí)使用的文件句柄:onload()
  57. 當(dāng)窗體關(guān)閉時(shí)調(diào)用的文件句柄:onunload()
  58. window.location的屬性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳轉(zhuǎn)到相應(yīng)的錨記),href(全部的信息)
  59. window.location.reload()刷新當(dāng)前頁(yè)面.
    89-1. parent.location.reload()刷新父親對(duì)象(用于框架)
    89-2. opener.location.reload()刷新父窗口對(duì)象(用于單開窗口)
    89-3. top.location.reload()刷新最頂端對(duì)象(用于多開窗口)
  60. window.history.back()返回上一頁(yè),window.history.forward()返回下一頁(yè),window.history.go(返回第幾頁(yè),也可以使用訪問(wèn)過(guò)的URL)
  61. document.write()不換行的輸出,document.writeln()換行輸出
  62. document.body.noWrap=true;防止鏈接文字折行.
  63. 變量名.charAt(第幾位),取該變量的第幾位的字符.
  64. "abc".charCodeAt(第幾個(gè)),返回第幾個(gè)字符的ASCii碼值.
  65. 字符串連接:string.concat(string2),或用+=進(jìn)行連接
  66. 變量.indexOf("字符",起始位置),返回第一個(gè)出現(xiàn)的位置(從0開始計(jì)算)
  67. string.lastIndexOf(searchString[,startIndex])最后一次出現(xiàn)的位置.
  68. string.match(regExpression),判斷字符是否匹配.
  69. string.replace(regExpression,replaceString)替換現(xiàn)有字符串.
  70. string.split(分隔符)返回一個(gè)數(shù)組存儲(chǔ)值.
  71. string.substr(start[,length])取從第幾位到指定長(zhǎng)度的字符串.
  72. string.toLowerCase()使字符串全部變?yōu)樾?
  73. string.toUpperCase()使全部字符變?yōu)榇髮?
  74. parseInt(string[,radix(代表進(jìn)制)])強(qiáng)制轉(zhuǎn)換成整型.
  75. parseFloat(string[,radix])強(qiáng)制轉(zhuǎn)換成浮點(diǎn)型.
  76. isNaN(變量):測(cè)試是否為數(shù)值型.
  77. 定義常量的關(guān)鍵字:const,定義變量的關(guān)鍵字:var
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容