实验二、Javascript及JSP内置对象
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
实验三、Javascript基本语法
一、实验目的
1.掌握JavaScript脚本的编写方法;
2.掌握HTML页面与Javascript脚本关联使用。
3.掌握使用JavaScript进行表单项验证的方法
二、实验内容
1.编写一个能够输入学生成绩的界面;
2.编写一个能够对输入Email地址的格式进行验证的界面。
三、实验步骤
1. 完成一个能够对学生成绩进行等级评定的网页,要求如下:
编写一个HTML文件,要求运用Javascript代码,对用户输入的测试成绩给予评价,成绩60分一下为不合格、60—70为合格,70—80为中等,80—90为良好、90—100为优秀、100分为满分。具体如下:
(1)页面上设计【提交】按钮、【成绩录入】文本框、【成绩显示】文本框。
(2)使用document内置对象,判断方法内部使用if…else语句。
(3)当用户单击提交按钮时,由函数根据录入的成绩(0—100)进行评价,当用户输入非法时,用alert对话框提示。
(4)界面如下图所示
2. 编写一个验证Email格式的页面,要求如下:
(1)编写一个HTML页面,其中用文本框让用户输入Email地址,“提交”按钮用来提交;
(2)输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号。
(3)输入不符合要求时,使用alert提示用户。
实验四、JSP内置对象的使用
一、实验目的
掌握JSP内置对象;
二、实验内容
JSP内含对象使用,其中重点掌握使用Request、Response、Out和Session昂的使用方法。
三、实验步骤
1.Request对象的应用:
使用表单将以下requesttest.html中radio单选按钮属性值提交到answer.jsp页面中。在answer.jsp页面中,用request.getParameter()命令来接收提交过来的参数值。运行效果如下所示:
requesttest.html文件的代码上机时自己设计,answer.jsp文件的主要代码段如下:
<% int n=0;
String s1=request.getParameter("R");
String s2=request.getParameter("P");
if(s1==null)
{s1="";}
if(s2==null)
{s2="";}
if(s1.equals("b"))
{ n++;}
if(s2.equals("a"))
{ n++;}
%>
2. out对象的应用
使用out对象输出系统当前的时间,页面文件outtest.jsp的运行效果如下:
该页面文件主要代码段如下:
现在是
<%out.print(String.valueOf(Now.getHours()));%>
小时
<%out.print(String.valueOf(Now.getMinutes()));%>
分
<%out.print(String.valueOf(Now.getSeconds()));%>
秒
3. 综合应用
要求:实现以下4个jsp文件,完成登陆、验证、留言和留言显示功能。(1) login.jsp:登录页面,如图5-1所示。输入登录信息并单击“确定”后跳转到另一个页面doLogin.jsp
(2) doLogin.jsp(无界面):登录处理页面,要求正确的用户名为:学生姓名的拼音,口令为:学生的学号。如果用户名和口令不正确则显示登录错误信息,如下图所示;否则登录成功后,重定向到messageBoard.jsp(留言板页面),可以进行留言。
(3) messageBoard.jsp: 留言板页面,能实现如图5-2所示的留言。
输入正确时:进入留言板页面:
(4) showMessage.jsp:显示留言信息页面,如图5-3所示。该页面能显示留言者(必须为login.jsp页面中输入的用户名)、标题和内容,要求能正确显示图
5-2所示的留言内容。提示:留言者用session保存