JavaScript

- JavaScript 数组
　　
　　定义数组：


　　数组对象用来在单独的变量名中存储一系列的值。使用关键词 new 来创建数组对象。


　　语法：


　　var myArray=new Array()


　　赋值方法：


　　var myArray=new Array()
　　myArray[0]="1"
　　myArray[1]="2"
　　myArray[2]="3"


　　或


　　var myArray=new Array("1","2","3")


　　访问数组：


　　通过指定数组名以及索引号码，可以访问某个特定的元素。


　　例：


　　document.write(myArray[0])


　　修改已有值：


　　如需修改已有数组中的值，只要向指定下标号添加一个新值即可，例：


　　myArray[0]="1";
　　document.write(myArray[0]);


　　- JavaScrip 函数


　　函数就是包裹在花括号中的代码块，使用了关键词 function：


　　语法：


　　function functionname()
　　{
　　这里是要执行的代码
　　}


　　带参数的函数：


　　声明函数时，把参数作为变量来声明：


　　语法：


　　function myFunction(var1,var2)
　　{
　　这里是要执行的代码
　　}


　　可以发送任意多的参数，由逗号 (,) 分隔：


　　myFunction(argument1,argument2)


　　有返回值的函数：


　　使用 return 语句，在使用 时，函数会停止执行，并返回指定的值。


　　例：


　　function myFunction()
　　{
　　var x=5;
　　return x;
　　}


　　- JavaScript 字符串


　　字符串对象用于处理已有的字符块。


　　例：


　　var txt="Hello world!"
　　document.write(txt.length)


　　常用方法：


　　length：计算字符串的长度。


　　toUpperCase()：将字符串转换为大写。


　　indexOf()：定位字符串中某一个指定的字符首次出现的位置。


　　match()：查找字符串中特定的字符，并且如果找到的话，则返回这个字符。


　　replace()：在字符串中用某些字符替换另一些字符。


　　- JavaScript 正则表达式


　　RegExp 对象用于存储检索模式。通过 new 关键词来定义 RegExp 对象。


　　例：


　　var patt1=new RegExp("e");


　　常用方法：


　　test()：检索字符串中的指定值。返回值是 true 或 false。


　　exec()：检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。


　　compile()：用于改变 RegExp。既可以改变检索模式，也可以添加或删除第二个参数。


　　- JavaScript 对象


　　JavaScript 提供多个内置对象，比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。


　　访问对象的属性：


　　属性是与对象相关的值。


　　语法：


　　objectName.propertyName


　　访问对象的方法：


　　方法是能够在对象上执行的动作。


　　语法：


　　objectName.methodName()


　　创建 JavaScript 对象：


　　创建直接的实例，例：


　　myObject=new Object();
　　myObject.firstnumber="1";
　　myObject.secondnumber="2";


　　使用对象构造器，例：


　　function myObject(firstnumber,secondnumber)
　　{
　　this.firstnumber=firstnumber;
　　this.secondnumber=secondnumber;
　　}
　　var myObject1=new myObject("1","2");


　　for...in 循环：


　　for...in 语句循环遍历对象的属性。


　　语法：


　　for (对象中的变量)
  　　{
  　　要执行的代码
  　　}


　　- JavaScript 错误


　　try 语句：定义在执行时进行错误测试的代码块。


　　catch 语句：定义当 try 代码块发生错误时，所执行的代码块。


　　语法：


　　try
  　　{
  　　//在这里运行代码
  　　}
　　catch(err)
  　　{
  　　//在这里处理错误
  　　}


　　throw 语句：创建自定义错误。


　　语法：


　　throw exception


　　- JavaScript JSON


　　JSON 是存储和交换文本信息的语法。类似 XML但比 XML 更小、更快，更易解析。


　　语法规则：


　　· 数据在名称/值对中


　　· 数据由逗号分隔


　　· 花括号保存对象


　　· 方括号保存数组


　　JSON 名称/值对：


　　在双引号中写名称，后面写一个冒号，然后是值，例：


　　"firstnumber" : "1"


　　JSON 值：


　　· 数字（整数或浮点数）


　　· 字符串（在双引号中）


　　· 逻辑值（true 或 false）


　　· 数组（在方括号中）


　　· 对象（在花括号中）


　　· null


　　JSON 对象：


　　JSON 对象在花括号中书写，例：


　　{ "firstnumber":"1" , "secondnumber":"2" }
　　
　　JSON 数组：
　　JSON 数组在方括号中书写，例：
　　
　　{
　　"numbers": [
　　{ "firstnumber":"1" , "secondnumber":"2" },
　　{ "firstnumber":"11" , "secondnumber":"22" }
　　]
　　}


　　使用 JavaScript 语法，例：


　　var numbers = [
　　{ "firstnumber":"1" , "secondnumber":"2" },
　　{ "firstnumber":"11" , "secondnumber":"22" }
　　];


　　- JavaScript HTML DOM


　　常用方法：


　　getElementById()：返回带有指定 ID 的元素。


　　getElementsByTagName()：返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。


　　getElementsByClassName()：返回包含带有指定类名的所有元素的节点列表。


　　appendChild()：把新的子节点添加到指定节点。


　　removeChild()：删除子节点。


　　replaceChild()：替换子节点。


　　insertBefore()：在指定的子节点前面插入新的子节点。


　　createAttribute()：创建属性节点。


　　createElement()：创建元素节点。


　　createTextNode()：创建文本节点。


　　getAttribute()：返回指定的属性值。


　　setAttribute()：把指定属性设置或修改为指定的值。


　　常用属性：


　　innerHTML：节点（元素）的文本值。


　　nodeName：规定节点（元素）的名称。


　　nodeValue：规定节点（元素）的值。


　　nodeType：返回节点（元素）的类型。nodeType 是只读的。


　　parentNode：节点（元素）的父节点。


　　childNodes：节点（元素）的子节点。


　　attributes：节点（元素）的属性节点。


　　访问 HTML 元素（节点）：


　　getElementById() 方法返回带有指定 ID 的元素，语法：


　　node.getElementById("id");


　　getElementsByTagName() 返回带有指定标签名的所有元素，语法：


　　node.getElementsByTagName("tagname");


　　getElementsByClassName() 返回带有相同类名的所有元素，语法：


　　document.getElementsByClassName("intro");


　　事件：


　　onclick：用户点击某个元素时执行代码。


　　onload、onunload：在用户进入或离开页面时被触发。


　　onmouseover、onmouseout：在用户的鼠标移至元素上方或移出元素时触发函数。


　　onmousedown、onmouseup：在用户按下鼠标按钮时触发函数。


　　onload：在页面完成加载时触发函数。


　　onfocus：在输入字段获得焦点时触发函数。