客户端脚本语言.ppt

若student是一个定义过的对象，它包含name、stunum和age三个属性，当我们要给这三个属性赋值时可以通过以下方式实现： 方式一：student.name = John student.stunum = 12345 student.age = 20 方式二：student[0] = John student[1] = 12345 student[2] = 20 方式三：student[name] = John student[stunum] = 12345 student[age] = 20 自定义对象 使用关键字function来声明。其语法形式为： function 对象名（属性列表）{ this.属性1= 参数1 this.属性2= 参数2 …… this.方法1= 函数1 this.属性2= 函数2 …… } 创建对象实例 使用new关键字 如要定义一个student对象，它的属性为name、stunum和age，可以通过以下语句实现： function student（Name, StuNum, Age）{ this.name = Name this.stunum = StuNum this.age = Age } var s = new student（John,12345,20） 数组对象 JavaScript中没有定义基本的数组类型，我们可以通过内置对象Array来创建数组对象。 创建数组对象实例的方法： var 数组名 = new Array（） 或 var数组名 = new Array（数组长度） Array对象的属性和方法 属性有length，用来描述数组的长度 join()方法用于将数组的所有元素连接成字符串返回 reverse()方法用于将数组的所有元素逆序 sort()方法用于对数组元素按字母顺序进行排序 程序代码见程序清单4-2，运行结果 JavaScript中包含顺序、分支和循环三种控制结构。 顺序结构按照程序语句出现的先后顺序依次执行 。 分支结构包括条件语句if…else和选择语句switch…case 。 循环结构包括for循环和while循环。 if条件语句的基本语法形式如下： if（条件表达式） { 语句段1 } else { 语句段2 } if条件嵌套： if（条件表达式1）{ 语句段1 } else if（条件表达式2）{语句段2} else if（条件表达式3）{语句段3} …… else { 语句段N } 基本语法形式如下： switch（表达式）{ case 值1: 语句段1 break case 值2: 语句段2 break …… default: 语句段N break } for语句的基本语法形式如下： for（初始化表达式; 条件表达式; 增量表达式）{ 循环体语句段 } while语句的基本语法形式如下： while（条件表达式）{ 循环体语句段 } do…while语句的基本语法形式如下： do { 循环体语句段 } while（条件表达式） for…in语句是用来对已知对象的所有属性进行循环操作的循环语句。它不需要使用计数器来控制循环次数，也无需知道对象的属性个数就可以进行相关操作。 基本语法形式如下： for（变量名 in 对象名）{ 循环体语句段 } 程序代码见程序清单4-3，运行结果 with语句提供了对对象的属性和方法的访问方式。 基本语法形式如下： with（对象名）{ 语句段 } 如对于程序清单4-3中的函数displayProp（obj）我们可以使用with语句替换for…in语句 ： function displayProp(obj){ var property; //使用with语句访问对象obj中的所有属性 with(obj) { document.writeln(name+ ，); document.writeln(stunum+ ，); document.writeln(age); } document.writeln(br); } 在JavaScript可以通过定义函数来封装在程序中需要重复使用的功能模块代码，这样可以使程序结构清晰，并且易于维护。 函数要先定义后使用，通常将函数定义放在HTML文件的head标记内，然后可以在bo