web程序设计实验报告集合

一、实验目的1.掌握常用的HTML语言标记；2.利用文本编辑器建立HTML文档，制作简单网页。二、实验要求1.独立完成实验。2.书写实验报告书。三、实验内容1.在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。源程序清单如下：HTMLHEADTITLEExample/TITLE/HEADBODYBGCOLOR=#00DDFFH1BIFONTCOLOR=#FF00FFMARQUEEBGCOLOR=#FFFF00DIRECTION=LEFTBEHAVIOR=ALTERMATEwelcometoyou!/MARQUEE/FONT/I/B/H1HRH2ALIGN=CENTERFONTCOLOR=#0000FFAsimpleHTMLdocument/FONT/H2EMWelcometotheworldofHTML!/EMPThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowtheBmarkuptags/BworkintheIHTML/Ifile/PPFollowinginthreechapters.ULTYPE=squareLIThisisthechapterone!/LILIAHREF=#ITEMThisisthechaptertwo!/A/LILIThisisthechapterthree!/LI/UL/PHRPANAME=ITEMFollowingisitemofthechaptertwo!/A/PTABLEBODER=2BGCOLOR=GRAYWIDTH=40%TRTHitem/THTHcoment/TH/TRTRTDitem1/TDTDfont/TD/TRTRTDitem2/TDTDtable/TD/TRTRTDitem3/TDTDform/TD/TR/TABLEhrP1P2P3P4P5P6P7PBIFONTCOLOR=BLUESIZE=4Endoftheexampledocument/FONT/I/B/P/BODY/HTML运行结果：2.编写一个能输入如图所示界面的HTML文件。程序代码：HTMLHEADTITLE表单范例/TITLE/HEADBODYbackground=E:\THREE\JSP\实验\实验一\4.jpgH1ALIGN=CENTER请留下个人资料HRSIZE=5WIDTH=240COLOR=MAROON/H1FORMP  姓名：INPUTTYPE=TEXTNAME=姓名BR/PPE-mail：INPUTTYPE=TEXTNAME=邮箱SIZE=60BR/PP  电话：INPUTTYPE=TEXTNAME=电话BR/PP  性别：  INPUTTYPE=RADIONAME=性别CHECKED女  INPUTTYPE=RADIONAME=性别男/PP  年龄：SELECToptionvalue=20selected20岁以下optionvalue=3020岁-30岁optionvalue=4030岁-40岁optionvalue=5040岁-50岁optionvalue=6050岁-60岁/SELECT/PP留言版：brTEXTAREANAME=留言板ROWS=8COLS=66/TEXTAREA/PP          INPUTTYPE=CHECKBOXNAME=爱好运动BR您的爱好：INPUTTYPE=CHECKBOXNAME=爱好阅读BR          INPUTTYPE=CHECKBOXNAME=爱好听音乐BR          INPUTTYPE=CHECKBOXNAME=爱好旅游BR/PPALIGN=CENTERINPUTTYPE=SUBMITVALUE=提交INPUTTYPE=SUBMITVALUE=全部重写/P/FORM/BODY/HTML运行结果：一、实验目的1.掌握JavaScript技术，基本掌握JavaScript的开发技巧；2.利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求：1.根据以下实验内容书写实验准备报告。2.独立完成实验。三、实验内容1.显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：htmlheadscriptlanguage=javascriptvartimer=nullfunctionstop(){clearTimeout(timer)}functionstart(){vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()varseconds=time.getSeconds()minutes=((minutes10)?0:)+minutesseconds=((seconds10)?0:)+secondsvarclock=hours+:+minutes+:+secondsdocument.forms[0].display.value=clocktimer=setTimeout(start(),1000)}/script/headbodyonLoad=start()onUnload=stop()form现在是北京时间：inputtype=type=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.html，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。源程序清单如下：HTMLHEADTITLE用户登录/TITLESCRIPTlanguage=javascriptfunctionmyfunction(){if(document.forms[0].username.value==){alert(用户名不能为空，请输入用户名！);form1.username.focus();returnfalse;}if(form1.userpassword.value==){alert(用户密码不能为空，请输入密码！);form1.userpassword.focus();returnfalse;}elsedocument.write(您好,+document.forms[0].username.value+!,欢迎登录！);}/SCRIPT/HEADBODY用户登录：FORMNAME=form1onsubmit=returnmyfunction()请输入用户名：INPUTTYPE=TEXTNAME=usernameP/P请输入密码：  INPUTTYPE=PASSWORDNAME=userpasswordP/PINPUTTYPE=submitVALUE=提交  INPUTTYPE=RESETVALUE=全部重写/FORM/BODY/HTML运行结果：一、实验目的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=utf-8%htmlbodybackground=D:\MyEclipseXX\SSS\WebRoot\1.jpgh2北京奥运会开幕日期是：brbrformaction=ansewr.jspmethod=postname=form1inputtype=radioname=datecheckedvalue=68月6日inputtype=radioname=datevalue=88月8日inputtype=radioname=datevalue=98月9日inputtype=radioname=datevalue=108月10日p/p/h2inputtype=submitvalue=提交答案/form/body/htmlanswer.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%htmlbodybackground=D:\MyEclipseXX\SSS\WebRoot\1.jpg%Stringmydate;mydate=request.getParameter(date);if(mydate.equals(8))response.sendRedirect(yes.jsp);elseresponse.sendRedirect(no.jsp);%/body/htmlyes.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%htmlbodybackground=D:\MyEclipseXX\SSS\WebRoot\1.jpgbrbrbrh1恭喜您答对了！/h1/body/htmlno.jsp%@pagelanguage=javaimport=java.util.*pageEncoding=utf-8%htmlbodybackground=D:\MyEclipseXX\SSS\WebRoot\1.jpgbrbrbrh1