2015Web程序设计基础实验报告

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

2、 to the world of HTMLThis is a simple HTML docume nt.lt is to give you an outl ine of how to write HTML how the markup tags work in the HTML Follow ing is three chaptersThis is the chapter on eThis is the chap ter twoThis is the chapter threeFollow ing is items of the chapter two itemc onten titem 1

3、fo ntitem 2tableitem 3formE nd of the example docume nt 程序运行结果：2 编写一个能输出如图所示界面的 HTML文件。Ahfm-V Aheadxm-evaaAfmevAheadxbodyvab-e a=gnH=cen(Drv AcapH0nxh2xbv*ffT-MAbvAhr sizeHJu widfhH_J70= co-oH=b-ack=v4h2vApvAcapnonvform nameH=fonrrv AVAS a-igughrv笄笊-Afdvdxinpu 二 ypeHJexv nameH=m=xndxnrvAVAS a-ignH-Y

4、ighrvEmai- -Afdxfdvnpu 二 ypeH=(Dxf= name%a=xndxrvAVAS a-igughrv【Afdxfdxinpu 二 ypeHJexv nameHU 毋s=xndxnrv AvAs a=gughrv w淫 iAfdxfdvnpu 二 ypeu-Yadio二 nameH=w= checkedvnpu 二 ypeu-Yadio二 namelw-vAfdvwvAVAS a-igughrv -Afdxfdv voption selected2（以下 voption40 以下 voption60 以下 voption60 以上 v/selectv/tdv/trtd

5、alig n=right留言板： 您的爱好： 运动 阅读 听音乐 旅游 &n bsp&n bsp&n bsp&n bsp&n bsp 实验二网页程序设计-JavaScript一、实验目的1.掌握JavaScript技术，基本掌握JavaScript的开发技巧；2利用文本编辑器建立JavaScript脚本语言进行简单编程。二、实验要求：1.根据以下实验内容书写实验准备报告。2.独立完成实验。三、实验内容1.显示一个动态的时钟在文本编辑器 记事本”中输入如下代码程序，请仔细阅读下列程序语句，理 解每条语句的作用。源程序清单如下：vscript Ian guage=javascriptvar tim

6、er = 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 nutes10)?0:)+mi nutesvar sec on ds=time.getSec on ds()seco nds=(seco nds10)?0:)+seco ndsvar clock =hours+:+m inu tes+:+sec ondsdocume nt.forms0.di

7、splay.value=clock timer=setTimeout(start(),1000)现在是北京时间： 分析上述代码的作用，然后用浏览器运行文件，验证自己的判断是否正确程序运行结果:利 C;Usersys jn_cxDesktQpl 11 .hrtml - Windows Internet Explorer亡、C:User&5un cxDe5ktcpllL.htnnlU帼8映灸塾目钗链接总 C:Use r5&u n_cxD e-s11 H htm I现在是北京时间：I?用:胧I 邕 CALservsurr ex LDe5topsylJicnlC:Userssun_Q( (Desktc

8、plll.htmI - Windows Interriet Explorerg_ C:Us e rss u n_oeD e? ktopL 11 nKtrn 1C:U$erssiin_ocDe$ktoplllhtmI现在杲北京时间S 12 = 53:142.事件驱动和事件处理在文本编辑器 记事本”中输入如下代码程序，请仔细阅读下列程序语句，理 解每条语句的作用。源程序清单如下：vseript Ian guage=javascriptfun etio n myfun eti on()alert(HELLO)By press ing the butt on, a fun etio n will be

9、 ealled. The function willalertamessage.分析上述代码的作用，然后用浏览器运行文件，验证自己的判断是否正确。程序运行结果：4 C:U5ers5ijn ex1 Des krooVsyL.html - V/in Jows intenet Exo crer底：llivFHrgX5uri_rKOvkfffiV；yl.htmCaLl functionBy precins the button, a function will b皀 called. The function will al苦Tt a rwesage.亡TtVl-. ：*： -也尸 phsn-ihi fha biiE、ui% H liJic:liiofi #L1E b* CHL lad. Thv fuftr1!5A iMi 11 ! ai-4 ivririscv.3. JavaScript表单校验编写程序register.htm,做一个如下图所示的用户注册界面，要求对用户填写的部分进行合法性检验。程序如下:用户登录v/titlemethod=postfunction myfun cti on()if(form.username.value=”)alert(用户名不能为空，请输入用户名！);form.username.f