web程序设计实验报告集合.docx

web程序设计实验报告集合 一、实验目的 1.掌握常用的HTML语言标记； 2.利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求 1.独立完成实验。 2.书写实验报告书。 三、实验内容 1.在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存， 并在浏览器中运行。 源程序清单如下： Example welcome to you! A simple HTML document Welcome to the world of HTML! This is a simple HTML document. It is to give you an outline of how to write HTML file and how the markup tags work in the HTML file Following in three chapters. This is the chapter one! This is the chapter two! This is the chapter three! Following is item of the chapter two! item coment item1 font item2 table item3 form 1234567 End of the example document 运行结果： 2.编写一个能输入如图所示界面的HTML文件。 程序代码： 表单范例 请留下个人资料 姓名： E-mail： 电话： 性别：女男 年龄： 20岁以下 20岁-30岁 30岁-40岁 40岁-50岁 50岁-60岁 留言版： 运动 您的爱好：阅读 听音乐 旅游 运行结果： 一、实验目的 1. 掌握JavaScript技术，基本掌握JavaScript的开发技巧； 2. 利用文本编辑器建立JavaScript脚本语言进行简单编程。 二、实验要求： 1. 根据以下实验内容书写实验准备报告。 2. 独立完成实验。 三、实验内容 1.显示一个动态的时钟 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： 运行结果： 2.事件驱动和事件处理 在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下： By pressing the button,a function will be called.The function will alert a message. 运行结果： 3. JavaScript表单校验 编写程序register.html，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。源程序清单如下： 用户登录 用户登录： 运行结果： 一、实验目的 1. 掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。 2. 在JDK和Eclipse环境下，完成下列实验。 二、实验要求 1. 独立完成实验。 2. 书写实验报告书。 三、实验内容 编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp 进行判断，如果回答正确，则将页面转至yes.jsp；否则，转至no.jsp。 程序代码： Test.jsp 北京奥运会开幕日期是： answer.jsp yes.jsp 恭喜您答对了！ no.jsp 很抱歉，您答错了！ 运行结果：