当前位置：文档之家› web WEB JSP实验报告书

web WEB JSP实验报告书

实验1 网页程序设计-JavaScript一、实验目的1. 掌握JavaScript技术，基本掌握JavaScript的开发技巧；2. 利用文本编辑器建立JavaScript脚本语言进行简单编程。

二、实验要求：1. 根据以下实验内容书写实验准备报告。

2. 独立完成实验。

三、实验内容1.显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。

源程序清单如下：<html><head><script language="javascript">var timer=nullfunction stop(){clearTimeout(timer)}function start(){var time=new Date()var hours=time.getHours()var minutes=time.getMinutes()minutes=((minutes<10)?"0":"")+minutesvar seconds=time.getSeconds()seconds=((seconds<10)?"0":"")+secondsvar clock=hours+":"+minutes+":"+secondsdocument.forms[0].display.value=clocktimer=setTimeout("start()",1000)}</script></head><body onLoad="start()"onUnload="stop()"><form>现在是北京时间:<input type="text"name="display"size=20></form></body></html>运行结果：2.事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。

源程序清单如下：<html><head><script language="javascript">function myfunction(){alert("HELLO")}</script></head><body><form><input type="button"onClick="myfunction()"value="Call function"></form><p>By pressing the button,a function will be called.The function will alert a message.</p></body> </html>运行结果：3. JavaScript表单校验编写程序register.html，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。

源程序清单如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@page contentType="text/html" pageEncoding="gb2312"%><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>用户登录</title><script language= "javascript">function on_sumbit(){ if (ername.value==""){ alert("用户名不能为空请输入用户名！");ername.focus();return false;}if (erpassword.value==""){ alert("用户密码不能为空请输入密码！");ername.focus();return false;}if(erpassword.value!=""&&ername.value!=""){ alert("欢迎");}}</script></head><body><form method="POST" name="form1"onsubmit="return on_submit()">用户登录:<br> 请输入用户名:<input type="text" name="username" size="20"><br>请输入密码&nbsp :<input type="password" name="userpassword" size="20"><br><input type= "button" value=提交 onclick=on_sumbit()><input type ="reset" value=全部重写></form></body></html>实验2 Request与Response对象的应用一、实验目的1. 掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。

2. 在JDK和MyEclipse环境下，完成下列实验。

二、实验要求1. 独立完成实验。

2. 书写实验报告书。

三、实验内容编写程序实现一个单选小测试。

在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp；否则，转至no.jsp。

1. 打开MyEclipse，新建Web Project，命名TestJSP；2. 在WebRoot文件夹下，新建jsp文件（test.jsp、answer.jsp、yes.jsp和no.jsp）3. 点击进行部署，部署到tomcat上；4. 打开Servers选项卡，在下图中右键启动Tomcat，在浏览器中输入http://localhost:8080/TestJSP/test.jspTestJSP为新建web项目名称test.jsp<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+p ath+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'test.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"></head><body>北京奥运会的开幕日期是：<br><Form action="answer.jsp" METHOD="post" NAME="form"><INPUT TYPE="radio" NAME="item" VALUE="1">八月六日<INPUT TYPE="radio" NAME="item" VALUE="2">八月八日<INPUT TYPE="radio" NAME="item" VALUE="3">八月九日<INPUT TYPE="radio" NAME="item" VALUE="4">八月十日<br><INPUT TYPE="submit"NAME="ENTER" VALUE="提交答案"></Form></body></html>answer.jsp<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+p ath+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'answer.jsp' starting page</title></head><body><% String str=request.getParameter("item");out.println(str);if(str.equals("2"))response.sendRedirect("yes.jsp");else response.sendRedirect("no.jsp");%></body></html>yes.jsp<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+p ath+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><%@ page contentType="text/html; charset=GB2312" %><html><head><base href="<%=basePath%>"><title>My JSP 'yes.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"></head><body>恭喜您，答对了!</body></html>no.jsp<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+p ath+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'no.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"></head><body>很遗憾，您答错了！ </body></html>实验3 Application对象Session对象一、实验目的1.掌握JSP的Application对象Session对象的用法，基本掌握JSP的开发技巧。

e商务文档

web WEB JSP实验报告书

相关文档推荐：