第2章 JSP开发基础(JavaScript)(1).ppt

第2章　JSP开发基础--JavaScript脚本语言 本章主要学习内容 JavaScript脚本语言的基本使用 一、JavaScript脚本语言概述 JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以被嵌入到HTML、ASP、JSP页面中，直接在浏览器中解释执行。 JavaScript的基本特点： 解释性：源代码不需要经过编译，而是在浏览器中运行被解释 基于对象：是一种基于对象的语言 事件驱动：可以直接对用户或客户的输入做出反应，无需经过Web服务程序 简单性：变量类型采用弱类型 跨平台：依赖于浏览器，与操作环境无关 二、使用JavaScript脚本 使用script标记嵌入脚本代码 格式1 script language=“javascript” /script 格式2 script type=“text/javascript” /script JavaScript代码的出现位置 HTML页面的主体（body元素） HTML页面的头部（head元素） 单独的外部文件中 三、JavaScript的数据类型与运算符 数据类型： int(整型) float(浮点型) string(字符串类型) boolean(布尔型) object(对象类型) null(空类型) undefined(未定义类型) 变量 声明变量： 格式一：var 变量名=表达式 格式二：变量名=表达式 变量名区分大小写，如果声明时不指定数据类型，则其类型由所赋值的类型决定 当运算符两边的类型不一致时，JavaScript会自动完成相应的转换 三、JavaScript的数据类型与运算符 运算符： 算术运算符：+ － * / %(求模) ++ -- 字符运算符：+ (字符串连接) 比较运算符： = = == != ====(绝对等于) 逻辑运算符： || ! 位运算符：(与) |(或) ~(取反) ^(异或) (左移) (带符号右移) (填0右移) 三目运算符：？:条件？值1:值2 四、流程控制语句 分支语句： if-else分支语句 switch分支语句 循环语句： for循环 while循环 do-while循环 for-in循环 特殊流程控制语句： break语句 continue语句 五、函数 函数的定义： function 函数名(形参列表) { 函数体代码; [return 表达式;] } 函数定义时，不需要指定其返回值类型或是否有返回值 函数的调用： 简单调用：通常在head标记中定义函数，在body标记中调用 格式：函数名(实参列表); 在事件响应中调用： 六、事件处理 JavaScript是基于对象(Object-Based)的语言，它的一个最基本特征是采用事件驱动： 事件：鼠标或键盘的动作称为“事件” 事件驱动：由鼠标或键盘引发的一连串程序的动作 事件处理程序：对事件进行处理的程序或函数 事件处理过程： 发生事件 启动事件处理程序 事件处理程序做出反应 事件处理程序：一般使用特定的自定义函数(function) 六、事件处理 事件处理程序调用： 直接在HTML标记中指定：标记 … 事件=“事件处理程序”… 为特定对象指定事件：script language=“javascript” for=“对象” event=“事件” … //事件处理程序代码script 在JavaScript中进行说明：对象.事件=事件处理程序 六、事件处理 JavaScript常用事件类型： onClick：单击鼠标左键时触发 onDbclick：双击鼠标时触发事件 onMousemove：鼠标移动 onMouseover：当鼠标移动到某对象范围时触发 onMouseout：当鼠标离开某对象范围时触发 onKeydown：键盘键被按下时触发 onLoad：页面装载 onUnload：页面卸载 onResize：浏览器窗口大小改变 onFocus：对象获得焦点 onBlur：对象失去焦点 onSubmit：表单被提交 onRest：表单被重置 七、JavaScript常用内置对象 数学对象Math： Math对象提供算术运算符所需要的多种数值类型和函数 该对象的所有属性和方法都静态的，在使用时，不需要创建对象 常用属性和方法： PI E abs(x)：绝对值 ceil(x)：返回大于x的最小整数 floor(x)：返回小于x的最大整数 max(x,y)/min(x,y)：返回x,y中的最大/最小值 random()：返回0-1之间的随机数 round(x)：四舍五入 七、JavaScript常用内置对象 日