JSP开发基础(JavaScript).ppt

1,本章主要学习内容 JavaScript脚本语言的基本使用,第2章 JSP开发基础 -JavaScript脚本语言,网络软件开发技术,2,一、JavaScript脚本语言概述,JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以被嵌入到HTML、ASP、JSP页面中，直接在浏览器中解释执行。 JavaScript的基本特点： 解释性：源代码不需要经过编译，而是在浏览器中运行被解释 基于对象：是一种基于对象的语言 事件驱动：可以直接对用户或客户的输入做出反应，无需经过Web服务程序 简单性：变量类型采用弱类型 跨平台：依赖于浏览器，与操作环境无关,网络软件开发技术,3,二、使用JavaScript脚本,使用标记嵌入脚本代码 格式1 格式2 JavaScript代码的出现位置 HTML页面的主体（元素） HTML页面的头部（元素） 单独的外部文件中,网络软件开发技术,4,三、JavaScript的数据类型与运算符,数据类型： int(整型) float(浮点型) string(字符串类型) boolean(布尔型) object(对象类型) null(空类型) undefined(未定义类型) 变量 声明变量： 格式一：var 变量名= 格式二：变量名= 变量名区分大小写，如果声明时不指定数据类型，则其类型由所赋值的类型决定 当运算符两边的类型不一致时，JavaScript会自动完成相应的转换,var a=17; /数值型 var b=“Hello”; /字符型,网络软件开发技术,5,三、JavaScript的数据类型与运算符,运算符： 算术运算符：+ * / %(求模) + - 字符运算符：+ (字符串连接) 比较运算符： = (带符号右移) (填0右移) 三目运算符：？: 条件？值1:值2,网络软件开发技术,6,四、流程控制语句,分支语句： if-else分支语句 switch分支语句 循环语句： for循环 while循环 do-while循环 for-in循环 特殊流程控制语句： break语句 continue语句,网络软件开发技术,7,五、函数,函数的定义： function 函数名(形参列表) 函数定义时，不需要指定其返回值类型或是否有返回值 函数的调用： 简单调用：通常在标记中定义函数，在标记中调用 格式：函数名(实参列表); 在事件响应中调用：,网络软件开发技术,8,六、事件处理,JavaScript是基于对象(Object-Based)的语言，它的一个最基本特征是采用事件驱动： 事件：鼠标或键盘的动作称为“事件” 事件驱动：由鼠标或键盘引发的一连串程序的动作 事件处理程序：对事件进行处理的程序或函数 事件处理过程： 发生事件 启动事件处理程序 事件处理程序做出反应 事件处理程序：一般使用特定的自定义函数(function),网络软件开发技术,9,六、事件处理,事件处理程序调用： 直接在HTML标记中指定： 为特定对象指定事件： /事件处理程序代码 在JavaScript中进行说明： 对象.事件=,网络软件开发技术,10,六、事件处理,JavaScript常用事件类型： onClick：单击鼠标左键时触发 onDbclick：双击鼠标时触发事件 onMousemove：鼠标移动 onMouseover：当鼠标移动到某对象范围时触发 onMouseout：当鼠标离开某对象范围时触发 onKeydown：键盘键被按下时触发 onLoad：页面装载 onUnload：页面卸载 onResize：浏览器窗口大小改变 onFocus：对象获得焦点 onBlur：对象失去焦点 onSubmit：表单被提交 onRest：表单被重置,网络软件开发技术,11,七、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)：四舍五入,网络软件开发技术,12,七、JavaScript常用内置对象,日期对象Date： 创建Date对象 dateObj = new Date( ) dateObj = new Date(dateVal) /dateVal:毫秒数 dateObj = new Date(year,month,date,hours,minutes,seconds) 常用方法,网络软件开发技术,13,七、JavaScript常用内置对象,字符串对象String： 创建String对象 var newstr = “string” var newstr = new String(“string”) 常用属性和方法,网络软件开发技术,14,七、JavaScript常用内置对象,数组对象Array： 创建Array对象 var ary = new Array( ) var ary = new Array(size) var ary = new Array(1,2,3,4,5,6,7) 常用属性和方法 length：数组的长度 toString()：将数组转换为字符串，并返回结果 reverse()：数组反序,网络软件开发技术,15,七、JavaScript窗口对象,Window对象： window对象表示的是浏览器窗口，可使用它来获取浏览器窗口的状态信息 window对象是其他浏览器对象的共同祖先，一般在JavaScript程序中可以省略window对象 浏览器打开HTML文档时，会创建一个window对象,网络软件开发技术,16,七、JavaScript窗口对象,Window对象： 常用属性 location：当前窗口的URL status：状态栏中的当前信息 closed：返回当前窗口是否关闭 常用方法 alert(text)：弹出一个警告对话框 confirm(text)：显示一个确认对话框，单击“确认”返回true，否则返回false prompt(text,defaulttext)：弹出一个提示对话框，并要求输入 open(“URL”,“name”,“parameters”)/close()： 打开/关闭一个新窗口 setInterval(exp,time)/clearInterval(timer): 周期执行/关闭执行,网络软件开发技术,17,七、JavaScript窗口对象,screen对象： width/height：屏幕的水平/垂直尺寸（像素） availwidth/availh