网页设计与制作 10章.pptVIP

第10章 JavaScript JavaScript简介 JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。 JavaScript 由数行可执行计算机代码组成。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。 所有的人无需购买许可证均可使用 JavaScript。 JavaScript 的正式名称是 “ECMAScript”。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。 发展简史： Netscape的Brendan Eich发明了这门语言，从 1996 年开始，已经出现在所有的 Netscape 和 Microsoft 浏览器中。 ECMA-262 的开发始于 1996 年，在 1997 年 7月，ECMA 会员大会采纳了它的首个版本。 在 1998 年，该标准成为了国际 ISO 标准 (ISO/IEC 16262)。 JavaScript的数据类型 number（数值）类型 string（字符）类型 boolean（布尔）类型 object（对象）类型 undefined（未定义）类型 null（空值）类型 JavaScript中的常量 基本常量 字符型常量 数值型常量 布尔型常量 特殊常量 空值 控制字符 JavaScript中的变量 变量的命名 首字符必须是字母、_、$ 后续字符必须是数字、字母、_、$ 不能使用关键字做变量名 变量的声明 var 变量名称1 [= 初始值1] , 变量名称2 [= 初始值2] … ; 一个var可以声明多个变量，其间用“,”分隔。 JavaScript中的运算符和表达式 算术运算符：+、-、*、/、%、++、-- 字符串运算符：+ 比较运算符：、=、、=、==、!=、 布尔运算符：、|、!、!=、?:、^、 位运算符 位逻辑运算符： 、|、!、^ 位移动运算符：、、 简单语句（1） 赋值语句 格式为： 变量名 = 表达式 ; 注释语句 单行注释语句的格式为： // 注释内容 多行注释语句的格式为： /* 注释内容 注释内容 */ 简单语句（2） 3．输出字符串语句 用document对象的write()方法输出字符串 document对象的write()方法的功能是向页面内写文本，其格式为： document.write(字符串1, 字符串2, …) ; 用window对象的alert()方法输出字符串 window对象的alert()方法的功能是弹出提示对话框，其格式为： alert(字符串) ; 简单语句（3） 4.输入字符串语句 用window对象的prompt()方法输入字符串 其格式为： prompt(提示字符串, 默认值字符串) ; 用表单中的文本框输入字符串 选择结构语句 if else语句 if (条件) { 语句段1; } [ else { 语句段2; }] switch语句 switch (表达式) { case 值1 : 语句段1; break; … default : 缺省语句段; } JavaScript中的循环语句（1） 1. for语句 基本格式： for (初始化; 条件; 增量) { 语句段; } JavaScript中的循环语句（2） 2. while语句 基本格式： while (条件) { 语句段; } JavaScript中的循环语句（3） 3. do while语句 do while语句是while的变体，其格式为： do { 语句段; } while (条件); JavaScript中的其他语句 标号语句 label语句格式为： 标号名称: 语句; break语句 功能：无条件从循环结构或switch结构跳出。 continue语句 功能：结束本轮循环，跳转到循环的开始处，从而开始下一轮循环。 函数 1．函数的定义 JavaScript遵循先定义函数，后调用函数的规则。 定义函数的格式为： function 函数名(参数1, 参数2, … ) { 语句段; … return 表达式; // return语句指明被返回的值 } JavaScript中的函数调用（1） 无返回值的调用 如果函数没有返回值或调用程序不关心函数的返回值，可用下面的格式调用定义的函数： 函数名(参数1, 参数2, … ); 有返回值的调