WEB程序设计实验_2.docx

《WEB程序设计实验_2.docx》由会员分享，可在线阅读，更多相关《WEB程序设计实验_2.docx（10页珍藏版）》请在第一文库网上搜索。

1、WEB福星世行基础实验指导书太原理工大学至跆编目录实验1HTM1语言2实验2网页程序设计-JavaScript4实验3Request与Response对象的应用7实验4App1ication对象Session对象的应用8实验一HTM1语言一、实验目的1 .掌握常用的HTM1语言标记；2 .利用文本编辑器建立HTM1文档，制作简单网页。二、实验要求1 .独立完成实验。2 .书写实验报告书。三、实验内容1 .在文本编辑器“记事本”中输入如下的HTM1代码程序，以文件名sy1.htm1保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：ExampIewe1comet

2、oyouAsimp1eHTM1documentWe1cometothewor1dofHTM1Thisisasimp1eHTM1document.1tistogiveyouanout1ineofhowtowriteHTM1fi1eandhowthemarkuptagsworkintheHTM1fi1eFo11owingisthreechaptersThisisthechapteroneThisisthechaptertwoThisisthechapterthreeFo11owingisitemsofthechaptertwoitemcontentitem1fontitem2tab1eitem3f

3、orm1234567Endoftheexamp1edocument2 .编写一个能输出如图所示界面的HTM1文件。实验二网页程序设计-JavaScript一、实验目的1 .掌握JavaScript技术,基本掌握JaVaSCriPt的开发技巧；2 .利用文本编辑器建立JaVaSCriPt脚本语言进行简单编程。二、实验要求：1 .根据以下实验内容书写实验准备报告。2 .独立完成实验。三、实验内容1 .显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：vartimer=nu11functionstop()c1earTimeout(

4、timer)functionstart()vartime=newDate()varhours=time.getHours()varminutes=time.getMinutes()minutes=(minutes10)?,0,:,Ht)+minutesvarseconds=time.getSeconds()SeCondS=(SeCOndSV10)?0SeCondSvarc1ock=hours+f,+minutes,:+secondsdocument.formsOJ.disp1ay.va1ue=c1ocktimer=setTimeout(Hstart()H,1000)现在是北京时间：分析上述代码

5、的作用,然后用浏览器运行文件,验证自己的判断是否正确2 .事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：functionmyfunction()a1ert(HE11O)Bypressingthebutton,afunctionwi11beca11ed.Thefunctionwi11a1ertamessage.分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3 .JavaScript表单校验编写程序register.htm,做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。实验3Requ

6、est与Response对象的应用一、实验目的1 .掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2 .在JDK和EC1iPSe环境下，完成下列实验。二、实验要求1 .独立完成实验。2 .书写实验报告书。三、实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer,jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则,转至no.jsp02http：/1oca1host：8080jtst.J-Bicr.文件K摘辑但）查看9收藏工具硒iQ/囹.QA地址）ehttpiocihosc880bjtst2JQ转到梃接北

7、京奥运会开幕的日期是I8月6日Gg月8日8朋日8月10日提交答案I3http：/Iocik1host:8080Jyes.jxp-Bxcr福完毕一厂厂厂厂厂同通EtraMt3凶文件9遍转查看9收藏工具翱腓Q后退。必囹户亍J地址。）Shttp：IocJhoxt:8080/bj/y“二EJ转到链接-3恭喜您答对了！JJII毓1ntranet实验4App1ication对象Session对象一、实验目的1 .掌握JSP的App1ication对象Session对象对象的用法，基本掌握JSP的开发技巧。2 .在JDK和EC1iPSe环境下，完成下列实验。二、实验要求:1 .独立完成实验2 .书写实验报告书三、实验内容:1请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：M页计数器您是第v%=app1ication.getAttribute(comter)%位访问者!2 .上述计数器当进行刷新时也会自动加1,试编写程序COimt.jsp,实现防刷新文本计数器。3 .编写程序register.htm和register.jsp,做一个用户注册的界面，要求对用户填写的部分进行合法性检验，然后提交到register.jsp进行注册检验，若用户名为USer开头的，就提示“该用户名已被注册”，若用户名为admin,就提示“欢迎您，管理员“，否则，就显示“注册成功