2015Web程序设计基础实验报告_第1页
2015Web程序设计基础实验报告_第2页
2015Web程序设计基础实验报告_第3页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、本科实验报告课程名称：Web程序设计基础专业班级：_学号：2012学生姓名：指导教师：田玉玲2015年11月3日实验一 HTML语言一、实验目的1 掌握常用的HTML语言标记；2利用文本编辑器建立HTML文档，制作简单网页。二、实验要求1 独立完成实验。2 书写实验报告书。三、实验内容1 在文本编辑器 记事本”中输入如下的HTML代码程序，以文件名sy1.html保 存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）源程序清单如下：<html><head><title>Example</title></head>&l

2、t;body bgcolor="#00DDFF"><h1><B><l><FONT C0L0R="#FF00FF"><MARQUEE BGCOLOR= "#FFFF00" directio n=left behavior=alternate>welcome toyou</MARQUEE></F0NT></|x/B></h1><hr><h2 alig n=cen terxFONT COLOR="#O

3、OOOFF">A simple HTML docume nt</FONT></h2> <EM>Welcome to the world of HTML</EM><p>This is a simple HTML docume nt.lt is to give you an outl ine of how to write HTML how the<b> markup tags</b> work in the <I>HTML</I> ><p>Follow i

4、ng is three chapters<ul><li>This is the chapter on e</li><li><A HREF="#item">This is the chap ter two</A></li><li>This is the chapter three</li></ul></p><hr><p><A NAME="item">Follow ing is items o

5、f the chapter two</A> </p><table border=2 bgcolor=gray width="40%"><tr><th>item</th><th>c onten t</th></tr><tr><td>item 1</td><td>fo nt</td></tr><tr><td>item 2</td><td>table<

6、;/td></tr><tr><td>item 3</td><td>form</td></tr></table><hr><pxpxp><p><pxpxp><p><B><I><FONT COLOR=BLUE SIZE=4>E nd of the example docume nt </FONT></I></B></p></body></h

7、tml>程序运行结果：2 编写一个能输出如图所示界面的 HTML文件。Ahfm-V Aheadxm-ev»>aaAfmevAheadxbodyvab-e a=gnH=cen(Drv AcapH0nxh2xbv*ffT->>M>AbvAhr sizeHJu widfhH_J70= co-oH=b-ack=v4h2vApvAcapnonvform nameH=fonrrv AVAS a-igughrv笄笊-Afdvdxinpu 二 ypeHJexv nameH=m=xndxnrvAVAS a-ignH-YighrvEmai- -Afdxfdvnpu 二 yp

8、eH=(Dxf= name%®a=xndx>rvAVAS a-igughrv>«【Afdxfdxinpu 二 ypeHJexv nameHU 毋s=xndxnrv AvAs a=gughrv w淫 iAfdxfdvnpu 二 ypeu-Yadio二 nameH=w= checkedvnpu 二 ypeu-Yadio二 namelw-vAfdvwvAVAS a-igughrv -Afdxfdv<select> voption selected>2（以下 voption>40 以下 voption>60 以下 voption>60

9、 以上 v/select>v/td>v/tr><tr><td alig n="right"留言板：</td><td><textarea name='留言板"rows="5" cols="40"></textareaxbrx/tdx/tr><tr><td align="right"> 您的爱好：</td><td> <in put type="checkb

10、ox" n ame="运动"> 运动 <br><in put type="checkbox" n ame="阅读"> 阅读 <br><input type="checkbox" name="听音乐"> 听音乐 <br><in put type="checkbox" n ame="旅游"> 旅游</td></tr> <tr><td

11、 alig n="ce nter" colspa n="2"><in put type="submit" n ame="提交"value="提交"> &n bsp&n bsp&n bsp&n bsp&n bsp<input type="reset" name='重写"value="全部重写"></td></tr></form> <

12、;/table> </body> </html>实验二网页程序设计-JavaScript一、实验目的1 .掌握JavaScript技术，基本掌握JavaScript的开发技巧；2 利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求：1. 根据以下实验内容书写实验准备报告。2. 独立完成实验。三、实验内容1. 显示一个动态的时钟在文本编辑器 记事本”中输入如下代码程序，请仔细阅读下列程序语句，理 解每条语句的作用。源程序清单如下：<html><head>vscript Ian guage="javascript

13、">var timer = n ullfunction stop()clearTimeout(timer)function start()var time = new Date()var hours =time.getHours()var mi nu tes =time.getMi nu tes()minu tes=(mi nutes<10)?"0":"")+mi nutesvar sec on ds=time.getSec on ds()seco nds=(seco nds<10)?"0":"&

14、quot;)+seco ndsvar clock =hours+":"+m inu tes+":"+sec ondsdocume nt.forms0.display.value=clock timer=setTimeout("start()",1000)</script></head><body on Load="start()" onUnl oad="stop()"><form >现在是北京时间：<input type="text

15、" n ame="display" size="20"></form></body></html>分析上述代码的作用，然后用浏览器运行文件，验证自己的判断是否正确程序运行结果:利 C;Users'ys jn_cxDesktQpl 11 .hrtml - Windows Internet Explorer亡、C:User&5un cxDe5ktcp'llL.htnnlU帼8映灸塾目钗链接总 C:Use r5&u n_cxD e-s11 h htm I现在是北京时间：I?用:

16、胧C:Userssun_Q(Desktcplll.htmI - Windows Interriet Explorerg_ C:Us e rss u n_oeD e? ktopL 11 nKtrn 1C:U$erssiin_ocDe$ktoplllhtmI现在杲北京时间S 12 = 53:142. 事件驱动和事件处理在文本编辑器 记事本”中输入如下代码程序，请仔细阅读下列程序语句，理 解每条语句的作用。源程序清单如下：<html><head>vseript Ian guage="javascript">fun etio n myfun eti o

17、n()alert("HELLO")</script></head><body><form><input type="button" onClick="myfunetion()" vaIue="CaII funetion"></form><p>By press ing the butt on, a fun etio n will be ealled. The function willalertamessage.</p>&

18、lt;/body></html>分析上述代码的作用，然后用浏览器运行文件，验证自己的判断是否正确。程序运行结果：4 C:U5ers5ijn ex'1 Des krooVsyL.html - V/in Jows intenet Exo crerI 邕 CALservsurr ex LDe5<topsylJicnl底：llivFHrgX5uri_rKOvkfffiV；yl.htmCaLl functionBy precins the button, a function will b皀 called. The function will al苦Tt a rwesag

19、e.亡TtVl-. ：*： -"也尸 phsn-ihi fha> biiE、ui% h liJic:liiofi #L1E b* chL lad. Thv fuftr1!5>A iMi 11 ! ai-4 ivririscv.3. JavaScript表单校验编写程序register.htm,做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。程序如下:<html><head><title>用户登录v/title><script>function myfun cti on()if(form.username.value="”)alert("用户名不能为空，请输入用户名！");form.username.focus

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论