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 Eabs(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:当前窗口的URLstatus:状态栏中的当前信息closed:返回当前窗口是否关闭常用方法alert(text):弹出一个警告对话框confirm(text):显示一个确认对话框,单击“确认”返回true,否则返回falseprompt(text,defaulttext):弹出一个提示对话框,并要求输入open(“URL”,“name”,“parameters”)/close():打开/关闭一个新窗口setInterval(exp,time)/clearInterval(timer):周期执行/关闭执行,17,七、JavaScript窗口对象,screen对象:width/height:屏幕的水平/垂直尺寸(像素)availwidth/availheight:窗口有效尺寸colordepth:颜色的位数navigator对象appName:浏览器名称appVersion:浏览器版本platform:用户操作系统Location对象:href:URL的全名reload():刷新当前页面replace(URL):替代当前页面,18,七、JavaScript文档对象,Document对象:document对象代表浏览器窗口中的文档,该对象是window对象的子对象常用属性和方法all:存储HTML标记的一个数组forms:存储form对象的一个数组bgColor:文档的背景颜色fgColor:文档的文本颜色title:文档标题write():向文档写信息getElementById(ID):获得指定ID值的对象getElementsByName(name):获得指定name值的对象数组,19,七、JavaScript文档对象,表单对象:常用属性和方法action:要提交的URLmethod:提交的方式(get或post)enctype:提交的格式length:表单的个数elements:表单元素数组submit():提交表单reset():重置表单,