太原理工大学web实验报告

本科实验报告课程名称：Web开发实用技术基础实验项目：HTML语言网页程序设计JavascriptRequest与Response对象的应用Application与Session对象的应用实验地点：实验室211专业班级：学号：学生姓名：指导教师：2015年11月5日学院名称学号实验成绩学生姓名专业班级实验日期课程名称Web开发实用技术基础实验题目HTML语言一．实验目的和要求1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单网页。3．独立完成实验。4．书写实验报告书。二．实验内容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/html2．编写一个能输出如图所示界面的HTML文件。三、主要仪器设备笔记本电脑四、实验结果实验内容1：页面中包含的元素有滚动条welcometoyou，标题AsimpleHTMLdocunment，文字部分WelcometotheworldofHTML.ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhowthemarkuptagsworkintheHTML（格式不同），列表，表格，段落。实验内容2：代码：htmlheadtitle表单范例/title/headbodyh2align=centerbSPANstyle=TEXT-DECORATION:underline请留下个人资料/SPAN/b/h2tablealign=centerformname=formtrtdalign=right姓名：/tdtdinputtype=textname=姓名/td/trtrtdalign=rightE-mail：/tdtdinputtype=textname=邮箱/td/trtrtdalign=right电话：/tdtdinputtype=textname=电话/td/trtrtdalign=right性别：/tdtdinputtype=radioname=性别checked女inputtype=radioname=性别男/td/trtrtdalign=right年龄：/tdtdselectoptionselected20以下option40以下option60以下option60以上/select/td/trtrtdalign=right留言板：/tdtdtextareaname=留言板rows=5cols=40/textareabr/td/trtrtdalign=right您的爱好：/tdtdinputtype=checkboxname=运动运动brinputtype=checkboxname=阅读阅读brinputtype=checkboxname=听音乐听音乐brinputtype=checkboxname=旅游旅游/td/trtrtdalign=centercolspan=2inputtype=submitname=提交value=提交inputtype=resetname=重写value=全部重写/td/tr/form/table/body/html结果截图：五、讨论、心得程序开始编写的时候虽然有了要求的form，但是格式却不如例图中的整齐，后来查阅资料发现用表格可以使form里的元素格式变的整齐，看起来和例图中的一样了。学院名称学号实验成绩学生姓名专业班级实验日期课程名称Web开发实用技术基础实验题目网页程序设计-JavaScript一．实验目的和要求1.掌握JavaScript技术,基本掌握JavaScript的开发技巧。2.利用文本编辑器建立JavaScript脚本语言进行简单编程。3.据以下实验内容书写实验准备报告。4.独立完成实验。二．实验内容1.显示一个动态的时钟在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：htmlheadscriptlanguage=javascriptvartimer=nullfunctionstop(){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．事件驱动和事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句，理解每条语句的作用。源程序清单如下：分析上述代码的作用,然后用浏览器运行文件,验证自己的判断是否正确。3．JavaScript表单校验编写程序register.htm，做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。htmlheadscriptlanguage=javascriptfunctionmyfunction(){alert(HELLO)}/script/headbodyforminputtype=buttononClick=myfunction()value=Callfunction/formpBypressingthebutton,afunctionwillbecalled.Thefunctionwillalertamessage./p/body/html三、主要仪器设备笔记本电脑。四、实验结果实验内容1：页面上有一行文字“现在是北京时间：”，其后是一个文本框，内容为现在的时间。事件为body，onLoad驱动调用start()获取本机时间并保存在名为display的文本框中。关闭页面时，onUnload驱动调用Stop用来清零计时器。实验内容2：点击按钮CallFunction后显示页面时有一个按钮，按钮的值为CallFunction，还有一行文字。点击按钮CallFunction后，onclick驱动函数myfunction()，显示提示框，提示框内容为HELLO。实验内容3：代码：htmlheadtitle用户登录/titlescriptlanguage=javascriptfunctionon_submit(){if(input.name.value==){alert(用户名不能为空，请输入用户名!);input.name.focus();returnfalse;}elsealert(登陆成功);}/script/headbodytableformname=inputaction=html_form_action.aspmethod=getonsubmit=returnon_submit()trtd用户登录/td/trtrtd请输入用户名：/tdtdinputtype=textname=name/td/trtrtd请输入密码：/tdtdinputtype=passwordname=Password/td/tr/tableinputtype=submitvalue=提交inputtype=resetvalue=全部重写/form/body/html实验结果：五、讨论、心得这次实验时吸取了上次的教训，在编写时就加上了表格，这样看起来形式就更加的规范可靠。JavaScript使用时还是要多注意函数的编写，比如函数名前加上function，有时还要返回值。多注意才能减少错误的发生。学院名称学号实验成绩学生姓名专业班级实验日期课程名称Web开发实用技术基础实验题目Request与Response对象的应用一、实验目的和要求1．掌握JSP的Request与Response隐式对象的用法，基本掌握JSP的开发技巧。2．在JDK和Eclipse环境下，完成下列实验。3．独立完成实验。4．书写实验报告书。二、实验内容编写程序实现一个单选小测试。在test.jsp页面显示问题，并将答案提交至answer.jsp进行判断，如果回答正确，则将页面转至yes.jsp;否则，转至no.jsp。三、主要仪器设备笔记本电脑。四、实验结果代码：Test.jsp%@pagelanguage=javacontentType=text/html;charset=utf-8pageEncoding=utf-8%!DOCTYP