javaScript文档

 开始学习Javascript的小伙伴们，或者是正用到javaScipt的小猿们,都可以将它作为资料参考，基本知识还是很全的以及简单应用；黄色标出的是关键的知识点及解说，可以以它为节点快速找到自己想要知识点； 1 document.write(“<p>dddd</p>”); 2 <button  type=”button” onclick=”alert(‘dd’)”>dd</button> 3 x=document.getElementById(“dd”); 4 x.innerHTML=”dd”; 5 .src.match(“dd”)   匹配正则表达式  中含有dd 6 如果有dd则它的值是dd ,否则是 null 7  8 x.style.color=”#ffffff” 给样式赋值 9 if(x==""||isNaN(x))  验证输入的x是否数字10 <script src="myScript.js"></script>  引用脚本11 true false12 13 var cars=new Array();14 cars[0]="Audi";15 cars[1]="BMW";16   var cars=new Array("Audi","BMW","Volvo");  数组  17 var person={firstname:"Bill", lastname:"Gates", id:5566};18 name=person.lastname;19 name=person["lastname"];  都可以20 var x=message.toUpperCase();  把文本转换为大写

函数：

 1   function dd() 2 { 3 return ; 4 } 5 <button onclick="myFunction('Bob','Builder')">点击这里</button> 6 JavaScript 变量的生命期从它们被声明的时间开始。 7 局部变量会在函数运行以后被删除。 8 全局变量会在页面关闭后被删除。 9 ===    全等（值和类型）  x===5 为 true；x==="5" 为 false10 11 var person={fname:"John",lname:"Doe",age:25};12 13 for (var x in person)14   {15   txt=txt + person[x];16   }   遍历对象17 18 function myFunction()19 {20 try21   {22   var x=document.getElementById("demo").value;23   if(x=="")    throw "empty";24   if(isNaN(x)) throw "not a number";25   if(x>10)     throw "too high";26   if(x<5)      throw "too low";27   }28 catch(err)29   {30   var y=document.getElementById("mess");31   y.innerHTML="Error: " + err + ".";32   }33 }      自定义错误消息34 35 function validate_required(field,alerttxt)36 {37 with (field)38   {39   if (value==null||value=="")40     {alert(alerttxt);return false}41   else {return true}42   }43 }    验证44 with (field)45 {46 apos=value.indexOf("@")47 dotpos=value.lastIndexOf(".")48 if (apos<1||dotpos-apos<2) 49   {alert(alerttxt);return false}50 else {return true}51 }52 }53 getElementsByTagName  通过类名54 55 onmouSEOver-onmouseout 鼠标 移到 移出56 57 <div id="div1">58 <p id="p1">这是一个段落。</p>59 <p id="p2">这是另一个段落。</p>60 </div>61 62 <script>63 var para=document.createElement("p");64 var node=document.createTextNode("这是新段落。");65 para.appendChild(node);66 67 var element=document.getElementById("div1");68 element.appendChild(para);69 </script>70 71 <div id="div1">72 <p id="p1">这是一个段落。</p>73 <p id="p2">这是另一个段落。</p>74 </div>75 76 <script>77 var parent=document.getElementById("div1");78 var child=document.getElementById("p1");79 parent.removeChild(child);80 </script>                   对象增加  移出 内容81 82 person=new Object();83 ?    person.firstname="Bill" 84 person.lastname="Gates";      创建对象  并赋值85 86 function person(firstname,lastname,age,eyecolor)87 {88 this.firstname=firstname;89 this.lastname=lastname;90 this.age=age;91 this.eyecolor=eyecolor;92 }93 94 myFather=new person("Bill","Gates",56,"blue");95 96 document.write(myFather.firstname + " is " + myFather.age + " years old.");97 给  person创建对象  。对象有三个属性 ，分别取名

 1 x.toUpperCase(); 大写 2 continue 3  4 var txt=""; 5 function message() 6 { 7 try 8   { 9   adddlert("Welcome guest!");10   }11 catch(err)12   {13   txt="There was an error on this page./n/n";14   txt+="Error description: " + err.message + "/n/n";15   txt+="Click OK to continue./n/n";16   alert(txt);17   }18 }19 </script>   抛出错误

字符串样式

 1 var str="Hello world!" 2 document.write(str.indexOf("Hello")  定位  0 3  4 var txt="Hello World!" 5  6 document.write("<p>Big: " + txt.big() + "</p>") 7 document.write("<p>Small: " + txt.small() + "</p>") 8  9 document.write("<p>Bold: " + txt.bold() + "</p>")10 document.write("<p>Italic: " + txt.italics() + "</p>")11 12 document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")13 document.write("<p>Fixed: " + txt.fixed() + "</p>")14 document.write("<p>Strike: " + txt.strike() + "</p>")15 16 document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")17 document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")18 19 document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")20 document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")21 22 document.write("<p>Subscript: " + txt.sub() + "</p>")23 document.write("<p>Superscript: " + txt.sup() + "</p>")24 25 document.write("<p>Link: " + txt.link("http://www.Vevb.com.cn") + "</p>")      字符串样式

JavaScript方法；

  1 var str="Visit Microsoft!"  2 document.write(str.replace(/Microsoft/,"W3School"))  3 结果：Visit W3School!  4   5 document.write(Date())  6 var d=new Date();  7 document.write("从 1970/01/01 至今已过去 " + d.getTime() + " 毫秒");  8   9 var d = new Date() 10 d.setFullYear(1992,10,3) 11 document.write(d)   设置时间 12  13 var d = new Date() 14 document.write (d.toUTCString())   将当日的日期（根据 UTC）转换为字符串。 15  16 var d=new Date() 17 var weekday=new Array(7) 18 weekday[0]="星期日" 19 weekday[1]="星期一" 20 weekday[2]="星期二" 21 weekday[3]="星期三" 22 weekday[4]="星期四" 23 weekday[5]="星期五" 24 weekday[6]="星期六" 25  26 document.write("今天是" + weekday[d.getDay()]) 27  28 function startTime() 29 { 30 var today=new Date() 31 var h=today.getHours() 32 var m=today.getMinutes() 33 var s=today.getSeconds() 34 // add a zero in front of numbers<10 35 m=checkTime(m) 36 s=checkTime(s) 37 document.getElementById('txt').innerHTML=h+":"+m+":"+s 38 t=setTimeout('startTime()',500) 39 } 40  41 function checkTime(i) 42 { 43 if (i<10)  44   {i="0" + i} 45   return i 46 } 47 </script> 48 </head> 49  50 <body onload="startTime()"> 51 <div id="txt"></div>    网页上显示钟 52  53 var mycars = new Array() 54 mycars[0] = "Saab" 55 mycars[1] = "Volvo" 56 mycars[2] = "BMW" 57  58 for (i=0;i<mycars.length;i++)// for (i in Array) 59 { 60 document.write(mycars[i] + "<br />") 61 }         数组遍历 62  63 var arr = new Array(3) 64 arr[0] = "George" 65 arr[1] = "John" 66 arr[2] = "Thomas" 67  68 var arr2 = new Array(3) 69 arr2[0] = "James" 70 arr2[1] = "Adrew" 71 arr2[2] = "Martin" 72  73 document.write(arr.concat(arr2))   合并输出各项值 74  75 var arr = new Array(3); 76 arr[0] = "George" 77 arr[1] = "John" 78 arr[2] = "Thomas" 79  80 document.write(arr.join()); 81  82 document.write("<br />"); 83  84 document.write(arr.join("."));  85  86 结果： 87 George,John,Thomas 88 George.John.Thomas 89  90 var arr = new Array(6) 91 arr[0] = "George" 92 arr[1] = "John" 93 arr[2] = "Thomas" 94 document.write(arr + "<br />") 95 document.write(arr.sort()) 96 结果： 97 George,John,Thomas,James,Adrew,Martin 98 Adrew,George,James,John,Martin,Thomas 99 排序  按A.B.C100 101 function sortNumber(a, b)102 {103 return a - b104 }105 106 var arr = new Array(6)107 arr[0] = "10"108 arr[1] = "5"109 arr[2] = "40"110 arr[3] = "25"111 arr[4] = "1000"112 arr[5] = "1"113 114 document.write(arr + "<br />")115 document.write(arr.sort(sortNumber))   排序  按值116 Math.min(7.25,7.30)  返回较大 或较小的数  .max(2,4)117 document.write(Math.random()) 返回随机数

常数

 1 圆周率 2 2 的平方根 3 1/2 的平方根 4 2 的自然对数 5 10 的自然对数 6 以 2 为底的 e 的对数 7 以 10 为底的 e 的对数 8 这是在 Javascript 中使用这些值的方法：（与上面的算数值一一对应） 9 Math.E10 Math.PI11 Math.SQRT212 Math.SQRT1_213 Math.LN214 Math.LN1015 Math.LOG2E16 Math.LOG10E        值

RegExp是正则表达式的缩写