Web程序设计-第3章 JavaScript程序设计.pptxVIP

目 录;第 3 章 JavaScript程序设计 ;3.1 脚本语言概述; JavaScript是一种嵌入在HTML文件中的脚本语言，它是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、页面浏览等用户事件做出反应并进行处理。 JavaScript特点： （1）简单性 （2）基于对象 （3）可移植性 （4）动态性;3.2.1 JavaScript程序的编辑和调试;3.2.1 JavaScript程序的编辑和调试;一个简例： html head titleJavaScript简例/title /head body script language=JavaScript alert( 世界，你好! );/script /body /html; 编写JavaScript程序时还要注意以下三点： ① JavaScript的大小写是敏感的，这点与C++相似。 ② 在JavaScript程序中，换行符是一个完整的语句的结束标志；若要将几行代码放在一行中，则各语句间要以分号（；）分隔（习惯上，也可像C++一样，在每一个语句之后以一个分号结束）。 ③ JavaScript的注释标记是双斜杠“//”之后的部分，或符号“/*”与符号“*/”之间的部分（与C++相同）。;（1）数值型。数值型数据包括整数和浮点数。整数可以是十进制、八进制和十六进制数，八进制值以0开头，十六进制值以0x开头。例如：100（十进制），021（八进制），0x5d（十六进制）。 以下是浮点数例子：2.57，1.3e6，2，7e-10。 （2）逻辑型。逻辑型数据有true和false两种取值，分别表示逻辑真和逻辑假。 （3）字符型。字符型数据的值是以双引号 或单引号 括起来的任意长度的一连串字符。注意反斜杠“\”是转义字符，常用的转义序列有： \n——换行符 \t——水平制表符 \r——回车符 \b——退格符;2．常量和变量 ;2．常量和变量 ;2．常量和变量 ;JavaScript的保留字 ;3．运算符;3．运算符;3．运算符;3．运算符;3．运算符;3．运算符;3．运算符;3．运算符;4．表达式 ; 函数为程序设计人员提供了实现模块化的工具。 将程序划分为一些相对独立的部分，每部分编写一个函数，从而使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。 JavaScript函数可以封装那些在程序中可能??多次用到的功能块。函数定义的语法格式为： function 函数名(参数表){ 函数体 return 表达式 或 return （表达式） } ; 【例3-1】设计一个如图所示的页面，显示指定数的阶乘值。; 使用函数时要注意以下三点： ① 函数定义位置。推荐在HTML文件的头部定义所有的函数，因为这样可以保证函数的定义先于其调用语句载入浏览器，从而不会出现调用函数时由于函数定义尚未载入浏览器而引起的函数未定义错。 ② 函数的参数。函数的参数是在主调程序与被调用函数之间传递数据的主要手段。 ③ 变量的作用域。; 在函数的定义时，可以给出一个或多个形式参数，而在调用函数时，却不一定要给出同样多的实参。JavaScript中，系统变量arguments.length中保存了调用者给出的实在参数的个数。 ; 变量的作用域。在函数内用var保留字声明的变量是局部变量，其作用域仅局限于该函数；而在函数外用var保留字声明的变量是全局变量，其作用域是整个HTML文件。在函数内未用var声明的变量也是全局变量当函数内以var声明的变量与全局变量同名时，它们就像不同名的两个变量，其操作互不影响。 ;;;;;;;3.2.5 JavaScript出错处理;3.2.5 JavaScript出错处理;3.2.6 JavaScript表单验证;3.2.6 JavaScript表单验证;3.2.7 JavaScript正则表达式;特殊字符;3.2.7 JavaScript正则表达式;3.2.7 JavaScript正则表达式;3.2.7 JavaScript正则表达式;3.2.7 JavaScript正则表达式;3.3.1 JavaScript事件驱动机制;JavaScript常用事件表 ;3.3.3 JavaScript事件触发与处理;【例3-8】MouseOver和MouseOut事件处理用法示例。 ;【例3-9】简易计算器设计。 ;【例3-9】简易计算器设计。 ;3.4.1 对象的定义与引用;;;;;;;;3.4.3 JavaScript内置对象 ;;;;;;;;;;;;;;;;;;;;;;;;;;