web实验报告

本科实验报告课程名称：web程序设计基础A实验项目：一、HTML语言二、网页程序设计-JavaScript三、Request与Response对象的应用四、Application对象Session对象实验地点：逸夫楼502专业班级：软件1219学号：学生姓名：指导教师：2014年11月20日实验一HTML语言一、实验目的1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单网页。二、实验要求1．独立完成实验。2．书写实验报告书。三、实验内容1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：htmlheadtitleExample/title/headbodybgcolor=#00DDFFh1BIFONTCOLOR=#FF00FFMARQUEEBGCOLOR=#FFFF00direction=leftbehavior=alternatewelcometoyou/MARQUEE/FONT/I/B/h1hrh2align=centerFONTCOLOR=#0000FFAsimpleHTMLdocument/FONT/h2EMWelcometotheworldofHTML/EMpThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthebmarkuptags/bworkintheIHTML/Ifile/ppFollowingisthreechaptersulliThisisthechapterone/liliAHREF=#itemThisisthechaptertwo/A/liliThisisthechapterthree/li/ul/phrpANAME=itemFollowingisitemsofthechaptertwo/A/ptableborder=2bgcolor=graywidth=40%trthitem/ththcontent/th/trtrtditem1/tdtdfont/td/trtrtditem2/tdtdtable/td/trtrtditem3/tdtdform/td/tr/tablehrp1p2p3p4p5p6p7pBIFONTCOLOR=BLUESIZE=4Endoftheexampledocument/FONT/I/B/p/body/html实验结果：2．代码：htmlheadtitle个人资料/title/headbodycenteru请留下个人资料/u/centerbr/formaction=index.aspxmethod=getcentertabletrtdalign=center姓名:/tdtdinputtype=textname=yournamemaxlength=5size=5/td/trtrtdalign=centerE-mail:/tdtdinputtype=textname=youraddressmaxlength=16size=20/td/trtrtdalign=center电话:/tdtdinputtype=textname=yourtellmaxlength=11size=11/td/trtrtdalign=center性别:/tdtdinputchecked=checkedtype=radioname=sex女inputtype=radioname=sex男/td/trtrtdalign=center年龄:/tdtdselectname=yourageoptionvalue=age20岁以下optionvalue=age20岁以上/select/td/trtrtdalign=center留言板:/tdtdtextareaname=yoursuggestcols=50rows=3/textarea/td/trtrtdalign=center您的爱好:/tdtdinputtype=checkboxname=sports运动brinputtype=checkboxname=read阅读brinputtype=checkboxname=music听音乐brinputtype=checkboxname=visit旅游/td/tr/tablebrinputtype=submitvalue=提交inputtype=resetvalue=全部重置/center/form/body/html实验结果：实验二网页程序设计-JavaScript一、实验目的1．掌握JavaScript技术,基本掌握JavaScript的开发技巧；2．利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求:1．根据以下实验内容书写实验准备报告。2．独立完成实验。三、实验内容1．显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：htmlheadscriptlanguage=javascriptvartimer=newdate()functionstop(){clearTimeout(timer)}functionstart(){vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()minutes=((minutes10)?0:)+minutesvarseconds=time.getSeconds()seconds=((seconds10)?0:)+secondsvarclock=hours+:+minutes+:+secondsdocument.forms[0].display.value=clocktimer=setTimeout(start(),1000)}/script/headbodyonLoad=start()onUnload=stop()form现在是北京时间：inputtype=textname=displaysize=20/form/body/html运行结果：2．事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：htmlheadscriptlanguage=javascriptfunctionmyfunction(){alert(HELLO)}/script/headbodyforminputtype=buttononClick=myfunction()value=Callfunction/formpBypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage./p/body/html运行结果：点击后：3．JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。代码：htmlheadtitle实验二/title/headscriptlanguage=javascriptfunctionon_submit(){if(form1.yourname.value==){alert(用户名不能为空，请重新输入！);form1.yourname.focus();returnfalse;}if(form1.yourpw.value==){alert(用户密码不能为空，请输入密码！);form1.yourpw.focus();returnfalse;}}/scriptbodyh用户登陆hbrformaction=regist.jspmethod=POSTname=form1onsubmit=returnon_submit()请输入用户名:align=centerinputtype=textname=yournamemaxlength=6br请输入密 码:align=centerinputtype=passwordname=yourpwmaxlength=16brinputtype=submitvalue=提交inputtype=resetvalue=全部重写/form/body/html运行结果：实验3Request与Response对象的应用一、实验目的1．掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2．在JDK和Eclipse环境下，完成下列实验。二、实验要求1．独立完成实验。2．书写实验报告书。三、实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。代码：Test.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=GB2312%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//ENhtmlheadtitlejsp测试/title/headbody北京奥运会的开幕时间是：brformaction=answer.jspmethod=postname=formtabletrtdinputtype=radioname=datevalue=868月6日/tdtdinputtype=radioname=datevalue=888月8日/tdtdinputtype=radioname=datevalue=898月9日/tdtdinputtype=radioname=datevalue=908月10日/td/tr/tableinputtype=submitname=submitvalue=提交答案/form/body/htmlAnswer.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=GB2312%%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPEHTMLPUBLIC-/