《Java软件项目(BS架构)开发》5JavaScript.pptVIP

第5章 JavaScript 第1讲 JavaScript基本语法 学习目标 明确 用户注册的处理流程和主要界面 JavaScript的基本概念 ，如何在HTML中嵌入JavaScript代码，JavaScript代码何时执行 JavaScript的基本语法 JavaScript的事件处理机制与HTML的交互性 用户注册的功能 通过注册功能，设置登录个人银行的密码 用户注册的流程 在注册界面 输入其在联合银行的账户的账号、账户姓名、账户所属分支银行 设置个人银行的密码 服务器端验证用户是否银行客户 如果通过验证并且没有注册过，将设置的密码和账号保存到数据库中 否则给出注册失败提示信息 用户注册的界面 如果录入信息不合法：如不完整 或两次录入的密码不一致，则显示如下提示信息。 注册成功界面 注册失败界面 JavaScript概述 JavaScript是一种脚本语言 JavaScript脚本在浏览器上运行 JavaScript脚本可以增强客户端的处理能力，减少网络流量和减轻服务器的负担 JavaScript脚本最典型的应用是对客户端用户输入信息进行有效性验证 使用标记SCRIPT和/SCRIPT嵌入到HTML文档中 JavaScript的特点 案例5-1：单击“请点击我”按钮，将调用脚本中的函数showMsg()，弹出一个提示对话框 SCRIPT language=JavaScript function showMsg() { alert(您刚刚点击了按钮！); } /SCRIPT FORM PINPUT TYPE=button value=请点击我 ONCLICK=showMsg() /p /FORM JavaScript 是一种脚本编写语言 基于对象的语言 事件驱动 ，使网页具有交互性 很好的安全性 编程简单 比VBScript更好的跨平台性 编写使用JavaScript脚本的网页 在HTML文档中编写网页的静态内容 插入SCRIPT…/SCRIPT标记 在SCRIPT…/SCRIPT标记之间插入JavaScript脚本 JavaScript脚本的执行 JavaScript脚本有2类不同的情形，一类是普通的脚本语句，一类是函数 普通的脚本语句在被浏览器扫描到时执行 函数被调用时才执行 通过具体的调用语句显式调用 通过事件处理机制隐式调用 JavaScript的基本语法 JavaScript的数据类型 JavaScript的变量名和关键字 JavaScript的表达式和运算符 JavaScript的语句 JavaScript的函数 JavaScript的注释 JavaScript的数据类型 JavaScript的数据类型包括基本数据类型和对象 基本数据类型有数字、布尔、字符串和空 数字包括整数和实数 字符串型是用双引号“ ”或单引号‘’ 括起来的字符或数字 布尔型的值只有true或false 对象类型包括各种对象，例如数组对象、日期对象等 JavaScript的变量名和关键字 JavaScript的变量名必须以字母,$或下画线开头，后面可以包含字母、$、下画线或数字,变量名区分大小 JavaScript的关键字是JavaScript内部使用的、具备特定含义的字符，比如var、int、double、true等 JavaScript采用弱类型的形式 ，见案例5-3 以下是合法的JavaScript脚本 1．var today=false; 2．today=0.5; 3．today=1; 4．today=Monday; 5．document.write(today的最后值是+today); JavaScript的表达式和运算符 JavaScript的运算符有很多，如算术运算符、比较运算符、逻辑运算符等，这些运算符的用法与C语言和Java类似。 组合使用常量、变量和运算符，可以构成编程中需要的表达式。 案例5-4：提示用户输入年龄，根据用户的输入返回不同的信息 HTML HEAD TITLE 条件表达式 /TITLE /HEAD BODY BGCOLOR=#FFFFFF SCRIPT age=prompt(请输入你的年龄:,); document.write(你的年龄是+age+p所以你是); document.write(age18?未成年人:成年人) /SCRIPT /HTML JavaScript的语句 同C语言一样，包括: 条件语句,如if语句和switch语句和循环语句 ，如for、while和do-while语句 还有赋值语句 、数据声明语句 、函数调用语句 、return语句 特别的