网页设计第3章.pptVIP

第3章 JavaScript语言 1 JAVASCRIPT语言简介 JAVASCRIPT编程基础 基于对象的JAVASCRIPT语言 4 JAVASCRIPT程序实例 1 JavaScript语言简介 JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入在标准的HTML语言中实现的。 JavaScript的基本特点 JavaScript是一种脚本编写语言 基于对象的语言 简单性 安全性 动态性 跨平台性 在HTML文件中嵌入JavaScript代码 将JavaScript脚本加入HTML文档的方法为： Script Language =JavaScript !-- JavaScript语言代码； JavaScript语言代码； …… //-- /Script JavaScript编程基础 基本数据类型 表达式和运算符 JavaScript程序控制流程 函数 事件驱动及事件处理 基本数据类型 在JavaScript中有六种数据类型：数值number、字符串string、布尔型Boolean、对象object、空值null和未定义undefined。 在JavaScript的基本类型中的数据可以是常量，也可以变量。由于JavaScript采用弱变量类型的形式，因而一个数据变量不必首先作声明，而是在使用或赋值时确定其数据的类型的。 表达式和运算符 运算符是完成操作的一系列符号，在JavaScript中有算术运算符、字符串运算符、比较运算符和逻辑布尔运算符等。 JavaScript中的算术运算符有单目运算符和双目运算符。 单目运算符有：-（按位取反）、~（按位取补）、++（递加1）、--（递减1）。 双目运算符有：+（加）、-（减）、*（乘）、/（除）、%（求余）、|（按位或）、(按位与)、（左移）、（右移）、（右移，零填充）。 字符串运算符“+”用于连接两个字符串。例如，“123”+“456”的结果为“123456”。 比较运算符的基本操作过程是，首先对它的操作数进行比较，然后再返回一个true或False值，有6个比较运算符: (小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)。 逻辑运算符有！（逻辑非）、（逻辑与）、||（逻辑或）。 JavaScript程序控制流程 if …else语句的基本格式为： if（条件） 语句段１； else 语句段２； if语句的嵌套结构为： if（条件1）语句１； else if （条件2）语句２； else if（条件3）语句３； …… else 语句n； switch语句的一般格式为： switch (expression) { case label1: 语句段1； case label2: 语句段2； case label3: 语句段3； ... default: 语句段n； } 循环语句 for循环语句的基本格式为： for（初始化；条件；增量） 语句集； while循环语句的基本格式为： while（条件） 语句集； break和continue语句 对象操作语句 with语句的基本结构为： with (对象名称){ 执行语句 } with语句的作用是这样的：如果想使用某个对象的许多属性或方法时，只要在with语句的（）中写出这个对象的名称，然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。 new语句是一种对象构造器，可以用new语句来定义一个新对象。其基本方法为： 新对象名称＝ new 真正的对象名 for...in语句的基本格式为： for (变量 in 对象或数组) ｛ 语句 } for...in语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复赋值给一个变量，而不是使用计数器来实现的。 函数 JavaScript中函数定义的基本格式为： Function 函数名 （参数1,参数2，…）{ 函数体； [ Return 表达式；] } 函数调用的一般形式为：函数名（实参表列） 事件驱动及事件处理 JavaScript是基于对象（object-based）的语言，其基本特征就是采用事件驱动（event-driven）。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的