web实验报告解读.docVIP

本科实验报告 课程名称： Web程序设计 实验项目： web设计 实验地点： 实验楼211 专业班级： 软件1319班 学 号： 座机电话号码55 学生姓名： 张卫东 指导教师： 林福平 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 base href % basePath% My JSP test.jsp starting page 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 -- 北京奥运会的开幕日期是： 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 八月十日 INPUT TYPE submitNAME ENTER VALUE 提交答案 answer.jsp %@ page language java import java.util.* pageEncoding gb2312% % String path request.getContextPath ; String basePath request.getScheme +://+request.getServerName +:+request.getServerPort +