第3章JavaScript和Java语言JavaScript和Java语言
JavaScript是一种基于对象的脚本语言,JavaScript是一种基于对象的脚本语言,主要负责客户端的界面控制等工作,使开发过程简化,而且减轻服务器负荷。还能使其能在客户端(浏览器)与用户实现大量的交互,还能创建出惊人的特效。因为JSP是基于Java语言的,JSP是因为JSP是基于Java语言的,JSP是Java的网络应用,所以理所当然要熟悉Java语的网络应用,所以理所当然要熟悉Java语言。
3.1JavaScript
JavaScript是一种简洁的、面向对象的、JavaScript是一种简洁的、面向对象的、跨平台的描述语言,它可以被嵌入到HTML跨平台的描述语言,它可以被嵌入到HTML文件中,直接被浏览器执行,从而产生多种多样的动态网页效果。本节详细介绍了JavaScript的语言结构、本节详细介绍了JavaScript的语言结构、事件驱动以及对象体系
3.1.1JavaScript概述JavaScript概述
比较项目来源复杂度执行要求对象支持变量类型安全性JavaScriptNetScape简单小巧客户端解释执行基于对象弱类型高JavaSun复杂服务器端编译执行面向对象强类型高
3.1.2JavaScript运行环境JavaScript运行环境
运行环境:运行环境:现有的所有浏览器都支持编辑环境:编辑环境:文本编辑环境
3.1.3如何嵌入JS脚本如何嵌入JS脚本
language=“javascript”document.write(“document.write(“Hello,World!”)World!”
代码重用
将指定的prog.js将指定的prog.js中的程序包含进来prog.js中的程序包含进来
3.1.4JavaScript语言结构JavaScript语言结构
3.1.4.1数据
?Float?Int?String?Boolean?Undefined?Null?object
3.1.4.2变量
Varmen=true;//men中存储的为boolean类型//men中存储的为boolean类型
3.1.4.3运算符
?算术运算符+-*/%++-?比较运算符?逻辑运算符?字符串运算符?位运算符?赋值运算符?条件运算(条件)?表达式1:表达式2条件)表达式1表达式2
3.1.4.4语句与程序控制
?一般语句
数据声明赋值语句注释//var变量名[=初始值]变量名[=初始值]变量名=变量名=值/*……*/
?选择结构if…else,switchif…?循环结构for,while,dowhile
Break,continue
?函数定义语句function,return
关于变量有效性的说明
全局变量
?函数体内自动声明的变量(未用var声明)函数体内自动声明的变量(未用var声明)?函数体外用var声明的变量函数体外用var声明的变量
局部变量
?函数体内用var声明的变量函数体内用var声明的变量
在函数体内,局部变量与全局变量同名时,在函数体内,局部变量与全局变量同名时,引用的是局部变量引用的是局部变量全局变量的声明一般放在段中,全局变量的声明一般放在段中,以保证使用它前得以确切的声明
日期时间的显示Window.open()Alert()用if语句显示上午/中午/下午好语句显示上午/中午/用switch显示星期几switch显示星期几用数组显示星期几
3.1.5JavaScript事件驱动JavaScript事件驱动
用于引起JS代码运行的操作,用于引起JS代码运行的操作,称事件是浏览器响应用户交互操作的一种机制
?事件类型?如何监测事件?调用事件处理器处理发生事件
3.1.5.1事件类型3.1.5.1事件类型
?Click?Focus?Blur?Change?Mouseover?Select?submit
3.1.5.2如何监视事件
onEvent=“JS程序”onEvent=“JS程序”
3.1.5.3如何调用
?函数调用?直接调用
3.1.6JS的对象JS的对象
什么是对象对象的结构
?属性?方法
对象的引用对象特有操作符和语句:对象特有操作符和语句:for…in,with,this,new,对象属性与方法的引用
?对象.属性对象.对象[属性名”对象[“属性名”]对象.方法名()对象.方法名()
常用内部对象
?静态对象:string,math静态对象:?动态对象:Date动态对象:
系统函数
?Eval?unEscape()?Escape()?parseFloat()?parseInt()
浏览器的内部对象,JavaScript对象模型浏览器的内部对象,JavaScript对象模型
windowframehistorylocationnavigatordocumentlinkanchorimageformFormelement对于复数对象(深色对象),可通过数组访问属性,通过length获得数组长度,如window.frmaes.lengthdocument.links.length
Window对象Window对象
Open对象Open对象
?Window.open(“url”,”窗口名字”,”属性”)Window.open(“url”窗口名字”属性”?Window.open(“http://www.yahoo.com”,”Window.open(“http://www.yahoo.com”yahoo”yahoo”,”width=10,height=20,toolbar=no,statusbar=no,menubar=no”no,statusbar=no,menubar=no”)?写出弹出窗口程序
Alert()Confirm()Prompt()
利用窗口对象实现地震效果
functionshake(n){if(self.moveBy){for(i=10;i>0;i--){(i=10;i>0;i--){for(j=n;j>0;j--){(j=n;j>0;j--)self.moveBy(0,i);self.moveBy(i,0);self.moveBy(0,self.moveBy(0,-i);self.moveBy(self.moveBy(-i,0);}}}}
Form对象Form对象
通过以下方式访问属性:通过以下方式访问属性:
?Document.表单名.表单控件名.属性Document.表单名.表单控件名.?表单名是表单名是 通过submit()提交表单写出表单提交内容验证程序
数组的创建
myarray=newarraryname(n)Arraryname[i]=值Arraryname[i]=值内部数组anchors[],内部数组anchors[],links[],forms[],elements[],frames[]请利用数组写出实现显示星期几的程序
倒计时
Window对象定时器方法Window对象定时器方法
?setInterval(“方法”,间隔时间ms)setInterval(“方法”间隔时间ms)?setTimeout(“方法”,间隔时间ms)setTimeout(“方法”间隔时间ms)
控制状态栏信息显示倒计时功能实现
上一篇:第2章再识庐山真面目——简单的Java程序
下一篇:网上购物系统毕业设计论文