太原理工大学web程序设计基础实验报告2016【参考】.doc

课程名称： WEB程序设计基础 实验项目： WEB程序设计基础实验 实验地点： 逸夫楼402 专业班级： 软件1415班 学生姓名： 朱伟 学号： 2014005960 指导教师： 田玉玲 2016年 11 月 21 日 实验一 HTML语言 一、实验目的1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求1．独立完成实验 2．书写实验报告书 三、实验内容1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 编写一个能输出如图所示界面的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．书写实验报告书 三实验内容 编写程序 （1）程序代码 test.jsp %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 titleInsert title here/title /head body h2北京奥运会开幕日期是：/h2 br form action=answer.jsp method=post name=input input type=radio name=date value=6 8月6日 input type=radio name=date value=8 8月8日 input type=radio name=date value=9 8月9日 input type=radio name=date value=108月10日 br input type=submit value=提交答案 /form /body /html Answer.jsp %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 titleInsert title here/title /head body %String mydate; mydate=request.getParameter(date); if(mydate.equals(8)) response.sendRedirect(yes.jsp); else response.sendRedirect(no.jsp); % /body /html Yes.jsp %@ page language=java contentType=text