《web程序设计实验报告集合》由会员分享，可在线阅读，更多相关《web程序设计实验报告集合（16页珍藏版）》请在金锄头文库上搜索。
1、-一、 实验目的1. 掌握常用的HTML语言标记；2. 利用文本编辑器建立HTML文档，制作简单网页。二、 实验要求1. 独立完成实验。2. 书写实验报告书。三、 实验内容1. 在文本编辑器“记事本中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。源程序清单如下：E*ample wele to you! A simple HTML document Wele to the world of HTML!This is a simple HTML document. It is to give you an outline of how to write HTML fi
2、le and how the markup tags work in the HTML fileFollowing 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 ent item1 font item2 table item3 form 1 2 3 4 5 6 7End of the e*ample document运行结果：2.编写一个能输入如下图界面的HTML文
3、件。程序代码： 表单*例 请留下个人资料 ： ： ： 性别： 女 男 年龄： 20岁以下20岁-30岁30岁-40岁40岁-50岁50岁-60岁 留言版： 运动您的爱好：阅读 听音乐 &nb
4、sp; 旅游 运行结果：一、实验目的1. 掌握JavaScript技术，根本掌握JavaScript的开发技巧；2. 利用文本编辑器建立JavaScript脚本语言进展简单编程。二、实验要求：1. 根据以下实验内容书写实验准备报告。2. 独立完成实验。三、实验内容1.显示一个动态的时钟在文本编辑器“记事本中输入如下代码程序，请仔细阅读以下程序语句，理解每条语句的作用。源程序清单如下： var timer=nullfunction stop() clearTimeout(timer)function start() var t
5、ime=new Date() var hours=time.getHours() var minutes=time.getMinutes() var seconds=time.getSeconds() minutes=(minutes10)0:)+minutes seconds=(seconds10)0:)+seconds var clock=hours+:+minutes+:+seconds document.forms0.display.value=clock timer=setTimeout(start(),1000) 现在是时间： 运行结果：2.事件驱动和事件处理在文本编辑器“记事本中
6、输入如下代码程序，请仔细阅读以下程序语句，理解每条语句的作用。源程序清单如下： function myfunction()alert (HELLO!) By pressing the button,a function will be called.The function will alert a message. 运行结果：3. JavaScript表单校验编写程序register.html，做一个如以下图所示的用户注册界面，要求对用户填写的局部进展合法性检验。源程序清单如下： 用户登录 function myfunction() if(document.forms0.username.v
7、alue=)alert(用户名不能为空，请输入用户名！);form1.username.focus();return false; if (form1.userpassword.value = )alert(用户密码不能为空，请输入密码！);form1.userpassword.focus();return false; else document.write(您好,+document.forms0.username.value+!,欢送登录！); 用户登录：请输入用户名：请输入密码： 运行结果：一、实验目的1. 掌握JSP的Request与Response隐
