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：在输入字段获得焦点时触发函数。