web实验要点解析.docVIP

本科实验报告 课程名称： Web程序设计 实验项目： web设计 实验地点： 实验楼211 专业班级： 软件1319班 学 号： 2013005655 学生姓名： 张卫东 指导教师： 林福平 2015年10月29日 实验一HTML语言 一、实验目的 1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。 二实验要求: 1根据以下实验内容书写实验准备报告 2．独立完成实验 三、实验内容 显示一个动态的时钟 编写一个能输出如图所示界面的HTML文件。 实验二 网页程序设计-JavaScript 一、实验目的 1．掌握JavaScript技术,基本掌握JavaScript的开发技巧； 2．利用文本编辑器建立JavaScript脚本语言进行简单编程。 二实验要求: 1根据以下实验内容书写实验准备报告 2．独立完成实验 三、实验内容 显示一个动态的时钟 2. 事件驱动和事件处理 点击以后： 3．JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。 运行结果： 登陆界面： 当用户名与密码都为空时: 当密码为空时： 当用户名为空时： 当用户名与密码都不为空时，登陆结果如下： 实验3 Request与Response对象的应用 一、实验目的 1．掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。 2．在JDK和Eclipse环境下，完成下列实验。 二实验要求独立完成实验 2．书写实验报告书 三实验内容 编写程序TestJSP； 2. 在WebRoot文件夹下，新建jsp文件（test.jsp、answer.jsp、yes.jsp和no.jsp） 3. 点击进行部署，部署到tomcat上； 打开Servers选项卡，启动Tomcat 在浏览器中输入http://localhost:8080/TestJSP/test.jsp TestJSP为新建web项目名称 程序代码如下： test.jsp %@ page language=java import=java.util.* pageEncoding=gb2312% % String path = request.getContextPath(); String basePath = request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/; % !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head base href=%=basePath% titleMy 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 !-- link rel=stylesheet type=text/css href=styles.css -- /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=submitNAME=ENTER VALUE=提交答案 /Form