《Java软件项目(BS架构)开发》5JavaScript_第1页
《Java软件项目(BS架构)开发》5JavaScript_第2页
《Java软件项目(BS架构)开发》5JavaScript_第3页
《Java软件项目(BS架构)开发》5JavaScript_第4页
《Java软件项目(BS架构)开发》5JavaScript_第5页
已阅读5页，还剩33页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第5章Javascript第1讲Javascript基本语法软件项目(B/S架构)开发》覃国蓉学习目标软件项目(B/S架构)开发》覃国蓉明确用户注册的处理流程和主要界面Javascript的基本概念，如何在HTML中嵌入

Javascript代码，Javascript代码何时执行Javascript的基本语法Javascript的事件处理机制与HTML的交互性用户注册的功能软件项目(B/S架构)开发》覃国蓉通过注册功能，设置登录个人银行的密码用户注册的流程软件项目(B/S架构)开发》覃国蓉在注册界面–输入其在联合银行的账户的账号、账户姓名、账户所属分支银行–设置个人银行的密码服务器端验证用户是否银行客户–如果通过验证并且没有注册过，将设置的密码和账号保存到数据库中–否则给出注册失败提示信息用户注册的界面软件项目(B/S架构)开发》覃国蓉如果录入信息不合法：如不完整或两次录入的密码不一致，则显示如下提示信息。合法性检查不需要访问服务器，所以可以在客户端处理，如用Javascript脚本软件项目(B/S架构)开发》覃国蓉注册成功界面软件项目(B/S架构)开发》覃国蓉注册失败界面软件项目(B/S架构)开发》覃国蓉Javascript概述软件项目(B/S架构)开发》覃国蓉Javascript是一种脚本语言Javascript脚本在浏览器上运行

Javascript脚本可以增强客户端的处理能力，减少网络流量和减轻服务器的负担

Javascript脚本最典型的应用是对客户端用户输入信息进行有效性验证使用标记<script>和</script>嵌入到HTML文档中Javascript的特点软件项目(B/S架构)开发》覃国蓉案例5-1：单击“请点击我”按钮，将调用脚本中的函数showMsg()，弹出一个提示对话框<script

language="Javascript">function

showMsg(){alert("您刚刚点击了按钮！");}</script><FORM><P><INPUT

TYPE="button"

value="请点击我"onclick="showMsg()"

></p></FORM>Javascript–是一种脚本编写语言–基于对象的语言–事件驱动，使网页具有交互性–很好的安全性–编程简单–比VBscript更好的跨平台性软件项目(B/S架构)开发》覃国蓉编写使用Javascript脚本的网页软件项目(B/S架构)开发》覃国蓉在HTML文档中编写网页的静态内容插入<script>…</script>标记在<script>…</script>标记之间插入Javascript脚本Javascript脚本的执行软件项目(B/S架构)开发》覃国蓉

Javascript脚本有2类不同的情形，一类是普通的脚本语句，一类是函数普通的脚本语句在被浏览器扫描到时执行函数被调用时才执行–通过具体的调用语句显式调用–通过事件处理机制隐式调用Javascript的基本语法软件项目(B/S架构)开发》覃国蓉Javascript的数据类型Javascript的变量名和关键字Javascript的表达式和运算符Javascript的语句Javascript的函数Javascript的注释Javascript的数据类型软件项目(B/S架构)开发》覃国蓉Javascript的数据类型包括基本数据类型和对象基本数据类型有数字、布尔、字符串和空数字包括整数和实数字符串型是用双引号“”或单引号‘’括起来的字符或数字布尔型的值只有true或false对象类型包括各种对象，例如数组对象、日期对象等Javascript的变量名和关键字软件项目(B/S架构)开发》覃国蓉Javascript的变量名必须以字母,$或下画线开头，后面可以包含字母、$、下画线或数字,变量名区分大小Javascript的关键字是Javascript内部使用的、具备特定含义的字符，比如var、int、double、true等Javascript采用弱类型的形式，见案例5-3以下是合法的Javascript脚本软件项目(B/S架构)开发》覃国蓉1．var

today=false;2．today=0.5;3．today=1;4．today="Monday";5．document.write("today的最后值是"+today);Javascript的表达式和运算符软件项目(B/S架构)开发》覃国蓉

Javascript的运算符有很多，如算术运算符、比较运算符、逻辑运算符等，这些运算符的用法与C语言和Java类似。组合使用常量、变量和运算符，可以构成编程中需要的表达式。

案例5-4：提示用户输入年龄，根据用户的输入返回不同的信息<HTML><HEAD><TITLE>条件表达式</TITLE></HEAD><BODY

BGCOLOR="#FFFFFF"><script

>age=prompt("请输入你的年龄:","");document.write("你的年龄是"+age+"<p>所以你是");document.write(age<18?"未成年人":"成年人")</script></HTML>软件项目(B/S架构)开发》覃国蓉Javascript的语句软件项目(B/S架构)开发》覃国蓉同C语言一样，包括:条件语句,如if语句和switch语句和循环语句，如for、while和do-while语句还有赋值语句、数据声明语句、函数调用语句、return语句特别的有:with语句和for

in语句Javascript的函数软件项目(B/S架构)开发》覃国蓉函数是已命名的语句块定义函数的语法如下:function函数名([参数表]){语句系列；}案例5-5：定义2个函数并调用它们Javascript中预定义的函数Javascript的注释软件项目(B/S架构)开发》覃国蓉和C、Java一样，使用“//”、“/*”与“*/”作为注释标记常用函数讲解parseInt,parseFloat,isNaNalert,prompt软件项目(B/S架构)开发》覃国蓉第5章Javascript第2讲Javascript对象软件项目(B/S架构)开发》覃国蓉学习目标软件项目(B/S架构)开发》覃国蓉学习–JavaScrip的对象，特别是浏览器对象，在

Javascript脚本中如何通过浏览器对象访问和控制页面元素，如表单中的控件，编写功能强大的客户端程序Javascript的对象软件项目(B/S架构)开发》覃国蓉在Javascript中有两类已经定义好的对象可以直接使用:–Javascript语言内置对象,为编写程序提供一些基本的功能–另一类是浏览器对象,使用这些对象可以控制页面元素的显示案例5-8：使用日期对象实现根据当前时间在网页上显示一条简单的欢迎信息浏览器对象软件项目(B/S架构)开发》覃国蓉在浏览器装载网页时创建通过这些对象访问并控制网页中的各种元素浏览器对象的包含关系–最高层的对象是窗口对象（window），它代表当前的浏览器窗口窗口对象软件项目(B/S架构)开发》覃国蓉包括许多有用的属性和方法，可以使用它们控制浏览器窗口中显示的各个方面open(pageURL,windowName,parameterList)close()prompt(String,String)alert(String)confirm(String)用window.属性名和window.方法名或可以直接使用属性名或方法名，来引用窗口对象的属性和方法案例5-9：使用窗口对象的open和close方法–openWindowEx.html中使用open方法<INPUT

TYPE=“button”VALUE=“打开一个新的窗口”onclick=‘window.open(“./closeWindowEx.html”,“可示范close方法的窗口”)’>–closeWindowEx.html中使用close方法<INPUT

TYPE="button"VALUE="关闭窗口"onclick="window.close()"></BODY>软件项目(B/S架构)开发》覃国蓉文档对象软件项目(B/S架构)开发》覃国蓉代表当前在浏览器窗口中打开的文档通过文档对象可以访问页面上的各种元素用window.document或document来引用文档对象用document.方法名或document.属性名来引用文档对象的方法或属性案例5-10：调用document对象的属性，列举了文档的标题信息以及其中包含的对象信息表单对象软件项目(B/S架构)开发》覃国蓉表单是浏览者与网页进行交互的重要手段当用户在网页中添加了FORM标记后，就创建了一个表单对象，在其中添加各种控件标记，则可创建不同的控件对象

用document.表单名（name属性值）或表单名来访问表单对象一般用表单对象.控件对象名来访问表单中的各个控件。类似地，用表单对象.属性名与表单对象.方法名可访问表单对象的属性和方法HTML标记的属性与对象属性的对应案例5-11：定义了2个表单form1和form2，让用户在第1个表单中的文本框中输入英文名，单击“确定”按钮后，在第2个表单的文本框中输出英文名的长度–在函数computeLength()中，用各标记的name属性访问对应的对象用到String对象的length属性使用Number对象的toString方法软件项目(B/S架构)开发》覃国蓉案例5-12：对案例1-4的修改。使用Javascript脚本判断用户输入的邮箱地址是否合法，控制不向某个有恶意的邮箱地址发送邮件软件项目(B/S架构)开发》覃国蓉

用document.myform.mymail.value来获得用户输入的邮箱地址

用String对象的indexOf函数判断某字符串是否包含特殊的字符

<INPUT

TYPE=“button”VALUE=“确定”onclick=“check()”>定义一个普通按钮，并且设置

onclick属性为check()案例5-13：修改案例5-12，完成相同的功能。软件项目(B/S架构)开发》覃国蓉定义一个提交按钮<P><INPUT

TYPE="submit"

VALUE="确定"onclick="check()">定义表单时，设置表单myform的属性onsubmit为false

<FORM

NAME="myform"

BGCOLOR="#C0C0C0"onsubmit="false">

在函数check中，当通过验证后，再设置onsubmit为truemyform.onsubmit=true;列表框对象软件项目(B/S架构)开发》覃国蓉可以使用表单名.列表框名来访问列表框对象。列表框对象的属性selectedIndex表示列表框中被选中的选项的索引options属性是表示列表框所有选项的数组案例5-14：让用户从2个列表框中选择最喜欢的职业和正在从事的职业，根据用户的选择，判断这个用户是否幸运案例5-14的下列语句可判断2个列表框的选择是否一样软件项目(B/S架构)开发》覃国蓉fSelectedIndex=form.favor.selectedIndex;

pSelectedIndex=f.selectedIndex;if

(form.favor.options[fSelectedIndex].value==f.options[pSelectedIndex].value)历史对象软件项目(B/S架构)开发》覃国蓉

历史对象history包含以前访问

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论