《《java软件项目（bs架构）开发》5javascript》由会员分享，可在线阅读，更多相关《《java软件项目（bs架构）开发》5javascript（38页珍藏版）》请在金锄头文库上搜索。
1、Java软件项目(B/S架构)开发 覃国蓉,第5章 JavaScript 第1讲 JavaScript基本语法,Java软件项目(B/S架构)开发 覃国蓉,学习目标,明确 用户注册的处理流程和主要界面 JavaScript的基本概念 ，如何在HTML中嵌入JavaScript代码，JavaScript代码何时执行 JavaScript的基本语法 JavaScript的事件处理机制与HTML的交互性,Java软件项目(B/S架构)开发 覃国蓉,用户注册的功能,通过注册功能，设置登录个人银行的密码,Java软件项目(B/S架构)开发 覃国蓉,用户注册的流程,在注册界面 输入其在联合银行的账户的账号
2、、账户姓名、账户所属分支银行 设置个人银行的密码 服务器端验证用户是否银行客户 如果通过验证并且没有注册过，将设置的密码和账号保存到数据库中 否则给出注册失败提示信息,Java软件项目(B/S架构)开发 覃国蓉,用户注册的界面,Java软件项目(B/S架构)开发 覃国蓉,如果录入信息不合法：如不完整 或两次录入的密码不一致，则显示如下提示信息。,合法性检查不需要访问服务器，所以可以在客户端处理，如用JavaScript脚本,Java软件项目(B/S架构)开发 覃国蓉,注册成功界面,Java软件项目(B/S架构)开发 覃国蓉,注册失败界面,Java软件项目(B/S架构)开发 覃国蓉,JavaSc
3、ript概述,JavaScript是一种脚本语言 JavaScript脚本在浏览器上运行 JavaScript脚本可以增强客户端的处理能力，减少网络流量和减轻服务器的负担 JavaScript脚本最典型的应用是对客户端用户输入信息进行有效性验证 使用标记和嵌入到HTML文档中,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的特点,案例5-1：单击“请点击我”按钮，将调用脚本中的函数showMsg()，弹出一个提示对话框 function showMsg() alert(“您刚刚点击了按钮！“); ,Java软件项目(B/S架构)开发 覃国蓉,JavaScript 是一种脚本编
4、写语言 基于对象的语言 事件驱动 ，使网页具有交互性 很好的安全性 编程简单 比VBScript更好的跨平台性,Java软件项目(B/S架构)开发 覃国蓉,编写使用JavaScript脚本的网页,在HTML文档中编写网页的静态内容 插入标记 在标记之间插入JavaScript脚本,Java软件项目(B/S架构)开发 覃国蓉,JavaScript脚本的执行,JavaScript脚本有2类不同的情形，一类是普通的脚本语句，一类是函数 普通的脚本语句在被浏览器扫描到时执行 函数被调用时才执行 通过具体的调用语句显式调用 通过事件处理机制隐式调用,Java软件项目(B/S架构)开发 覃国蓉,JavaS
5、cript的基本语法,JavaScript的数据类型 JavaScript的变量名和关键字 JavaScript的表达式和运算符 JavaScript的语句 JavaScript的函数 JavaScript的注释,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的数据类型,JavaScript的数据类型包括基本数据类型和对象 基本数据类型有数字、布尔、字符串和空 数字包括整数和实数 字符串型是用双引号“ ”或单引号 括起来的字符或数字 布尔型的值只有true或false 对象类型包括各种对象，例如数组对象、日期对象等,Java软件项目(B/S架构)开发 覃国蓉,JavaScri
6、pt的变量名和关键字,JavaScript的变量名必须以字母,$或下画线开头，后面可以包含字母、$、下画线或数字,变量名区分大小 JavaScript的关键字是JavaScript内部使用的、具备特定含义的字符，比如var、int、double、true等 JavaScript采用弱类型的形式 ，见案例5-3,Java软件项目(B/S架构)开发 覃国蓉,以下是合法的JavaScript脚本,1var today=false; 2today=0.5; 3today=1; 4today=“Monday“; 5document.write(“today的最后值是“+today);,Java软件项目(
7、B/S架构)开发 覃国蓉,JavaScript的表达式和运算符,JavaScript的运算符有很多，如算术运算符、比较运算符、逻辑运算符等，这些运算符的用法与C语言和Java类似。 组合使用常量、变量和运算符，可以构成编程中需要的表达式。,Java软件项目(B/S架构)开发 覃国蓉,案例5-4：提示用户输入年龄，根据用户的输入返回不同的信息 条件表达式 age=prompt(“请输入你的年龄:“,“); document.write(“你的年龄是“+age+“所以你是“); document.write(age ,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的语句,同C语言
8、一样，包括: 条件语句,如if语句和switch语句和循环语句 ，如for、while和do-while语句 还有赋值语句 、数据声明语句 、函数调用语句 、return语句 特别的有: with语句和for in语句,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的函数,函数是已命名的语句块 定义函数的语法如下: function 函数名(参数表) 语句系列； 案例5-5：定义2个函数并调用它们 JavaScript中预定义 的函数,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的注释,和C、Java一样，使用“/”、“/*”与“*/”作为注释标记,Jav
9、a软件项目(B/S架构)开发 覃国蓉,常用函数讲解,parseInt,parseFloat,isNaN alert,prompt,Java软件项目(B/S架构)开发 覃国蓉,第5章 JavaScript 第2讲 JavaScript对象,Java软件项目(B/S架构)开发 覃国蓉,学习目标,学习 JavaScrip的对象，特别是浏览器对象，在JavaScript脚本中如何通过浏览器对象访问和控制页面元素，如表单中的控件，编写功能强大的客户端程序,Java软件项目(B/S架构)开发 覃国蓉,JavaScript的对象,在JavaScript中有两类已经定义好的对象可以直接使用 : JavaScr
10、ipt语言内置对象,为编写程序提供一些基本的功能 另一类是浏览器对象 ,使用这些对象可以控制页面元素的显示 案例5-8：使用日期对象实现根据当前时间在网页上显示一条简单的欢迎信息,Java软件项目(B/S架构)开发 覃国蓉,浏览器对象,在浏览器装载网页时创建 通过这些对象访问并控制网页中的各种元素 浏览器对象的包含关系 最高层的对象是窗口对象（window），它代表当前的浏览器窗口,Java软件项目(B/S架构)开发 覃国蓉,窗口对象,包括许多有用的属性和方法 ，可以使用它们控制浏览器窗口中显示的各个方面 open(pageURL,windowName,parameterList) close
11、() prompt(String,String) alert(String) confirm(String) 用window.属性名和window.方法名 或可以直接使用属性名或方法名 ，来引用窗口对象的属性和方法,Java软件项目(B/S架构)开发 覃国蓉,案例5-9 ：使用窗口对象的open和close方法 openWindowEx.html中使用open方法 closeWindowEx.html 中使用close方法 ,Java软件项目(B/S架构)开发 覃国蓉,文档对象,代表当前在浏览器窗口中打开的文档 通过文档对象可以访问页面上的各种元素 用window.document或docum
12、ent来引用文档对象 用document.方法名或document.属性名来引用文档对象的方法或属性 案例5-10：调用document对象的属性，列举了文档的标题信息以及其中包含的对象信息,Java软件项目(B/S架构)开发 覃国蓉,表单对象,表单是浏览者与网页进行交互的重要手段 当用户在网页中添加了FORM标记后，就创建了一个表单对象，在其中添加各种控件标记，则可创建不同的控件对象 用document.表单名（name属性值） 或表单名来访问表单对象 一般用表单对象.控件对象名来访问表单中的各个控件。类似地，用表单对象.属性名与表单对象.方法名可访问表单对象的属性和方法,Java软件项目(
13、B/S架构)开发 覃国蓉,HTML标记的属性与对象属性的对应 案例5-11 ：定义了2个表单form1和form2，让用户在第1个表单中的文本框中输入英文名，单击“确定”按钮后，在第2个表单的文本框中输出英文名的长度 在函数computeLength() 中，用各标记的name属性访问对应的对象 用到String对象的length属性 使用Number对象的toString方法,Java软件项目(B/S架构)开发 覃国蓉,案例5-12：对案例1-4的修改。使用JavaScript脚本判断用户输入的邮箱地址是否合法，控制不向某个有恶意的邮箱地址发送邮件 用document.myform.myma
14、il.value 来获得用户输入的邮箱地址 用String对象的indexOf函数判断某字符串是否包含特殊的字符 定义一个普通按钮，并且设置ONCLICK属性为check(),Java软件项目(B/S架构)开发 覃国蓉,案例5-13：修改案例5-12，完成相同的功能。 定义一个提交按钮 定义表单时，设置表单myform的属性onSubmit为false 在函数check中，当通过验证后，再设置onSubmit为true myform.onsubmit=true;,Java软件项目(B/S架构)开发 覃国蓉,列表框对象,可以使用表单名.列表框名来访问列表框对象。 列表框对象的属性selected
15、Index表示列表框中被选中的选项的索引 options属性是表示列表框所有选项的数组 案例5-14：让用户从2个列表框中选择最喜欢的职业和正在从事的职业，根据用户的选择，判断这个用户是否幸运,Java软件项目(B/S架构)开发 覃国蓉,案例5-14的下列语句可判断2个列表框的选择是否一样,fSelectedIndex=form.favor.selectedIndex; pSelectedIndex=form.prof.selectedIndex; if (form.favor.optionsfSelectedIndex.value =form.prof.optionspSelectedInd
16、ex.value),Java软件项目(B/S架构)开发 覃国蓉,历史对象,历史对象history包含以前访问过的的网页的URL地址 ,有以下重要的方法： back()，与go(-1)等价 forward() ,与go(1)等价 go(num) 案例5-15： 用户在页面上单击“”和输入回溯的页号，可选择打开最近打开的几个页面,Java软件项目(B/S架构)开发 覃国蓉,注册界面的实现,采用HTML+JavaScript来完成注册界面 静态部分负责网页的显示，这部分使用HTML完成，可用可视化网页制作工具实现，再做细节调整 动态部分负责对用户输入信息的完整性和有效性进行验证，这部分用JavaScript函数来完成,
