web开发实验报告_第1页
web开发实验报告_第2页
web开发实验报告_第3页
web开发实验报告_第4页
web开发实验报告_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

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

文档简介

《Web开发》

实验报告课程名称： 指导教师： 系 另U：专业：班级： 姓名： 学号：

《Web开发》实验周次应开实验项目名称实验时数每组人数实验室实际开出情况1Web前端^发工具使用及HTML基础21稼先楼南3112HTML文本、段落与列表21稼先楼南3113HTML表格和框架设计21稼先楼南3114HTML表单应用21稼先楼南3115HTML超链接与多媒体21稼先楼南3116CSS+DIV基础41稼先楼南3117CSS综合应用21稼先楼南3118CSS+DIV整体网页设计21稼先楼南3119JavaScript基础语法21稼先楼南31110JavaScript内置函数与内置对象41稼先楼南31111JavaScrip事件21稼先楼南31112BOM和DOM41稼先楼南31113JavaScript综合应用41稼先楼南311合计实验九JavaScript基础语法一、实验目的及要求目的：1、 理解JavaScript的基本编程概念；2、 掌握JavaScript变量、表达式、运算符及流程控制语句的使用;3、 掌握JavaScript函数的的定义及调用；4、 学会使用Javascript编写动态Web页面的方法。二、实验内容及结果（可以附源码）1、JavaScript变量、表达式和运算符设计JavaScript程序，在网页上输出半径为3的圆的面积和周长。[Idoctypehtirl>三chtnllang="en">3<head^charset="LiTF-3"><metanaire="Generator"content="EditPluss">name=".Author"ccntent=ir"><metana[re="Kewi-jords"content=""><metanaire="Description,rcontent="">3<scriptlanguag已=康，号vs-r=Bjpi=Hath.PI;dccument.-writeln（"亘监兰役为："+r-i-"<br/>"）;document.'writeLn（"亘m专面样羌："十pi：5：r*r+"<br/>"）;document.-writeLn（"匠的同去为■："+2*pi：!：r3;</sc-ipt</head><body?</body>圆圆圆的半径为：3圆圆圆的面积为=23.274333E3230E13S的周应为;18.849555921538762、JavaScript函数的定义与调用实现网页字号大小的个性化设置。要求当访问者选择字号中的“小、中、大”时能实现页面字号小变化。 /<!dDctypehtnl>lang=,pen">B<^head><netacharset=,rUTF-8"><netaname="Generater0content="EditPlu5s>metanama="'iiuthorrconten+=",r><netsname="■Keyworda"content=,B,,,><netsname="Description"content=,1"><Linkrel=*stylesheet"type="text/css,Bhre-f=,rmystylel.css"><tLtle>^3&9</title><script>-FunctionsetFont(size).三日{varobj=document.getElenentByldf"contentFf通过id芽段贝IBth素ob-.style.-fontSiLC-ziizL; //卷该豆画元鬃的字皂段匡为华定大小•6 }/sc-ipt>,S曰<b3d\'><ahre-="^Tcnclick="javascript:setFont('12px'),raligi='cente-">小打日*cahrcf-"^FTcnclLck-"javascript:setFont；'ISpx'),ralign-'cer.te-">=■：/a>：2<ahre-="^FTcnclick="javascript:setFont；'2^px'),ralig-i='cente-|>A</a>:3日<divid="content">IdvaScript是一村■能让你的向豆豆湖生动浴泼的程式语言，也是目前阿灵中雀计土最世曷学又最方更的语言，"工利,用JavaScript^的触出亲切的欢迎刑息-漂竟的数宇神、有广告戒果的荏马灯及筒易的选举.还再以显云浏竟希停留的时叵，让这些待殊效吴提有网页的可应性.：5 51心</body>!7</htnl>小虫去J^Script是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言.你可以利用JavaScript轻易的做出亲切的欢迎讯息.漂亮的敖字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性，小虫大JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的送言。你可以利用J^vaScTipt轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间，让这些特殊效果提高网页的可观性。计算圆面积。要求：编写外部脚本文件area.js,定义计算圆面积函数compute(radius)、显示圆面积函数show()，实现页面布局。<Idortypertrl>E<htnillang="en">B<head><H£tachar5et="UTF-S'>Cnietaname="Generator"conteirt="EclitPlu5sl><nietanane="Author"conten7="1>Cnietaname="Ke\Lijords'content=""><nietaname="Description'content="">^linkrel="styleiheet,rtype="text/GSi,rhr^='[ry^tyle>13B<5ciptlanguage='JavaScript"?■_1 functioncompute()12B (vairr=par£eFloat(docunient.getElenentById(irR").value);va-p=Math.PI;va-s=2*F:l:r;decurrent.getElementByld("S').valje=s;17IIS.3E^/style?<title>实验SWtitlE〉Vhead)B<ibcjdy>□<dwid='di\"><palign="center">让嵬扇的面秩<pX/p)26<labelfoLR"泮径;</label>Biinputtype="teKt,rnane='R"id=,rRr>30<label和r="5">面机</label><inputtype="te>:t"name='5"id="51readonl;="readonly"><p><p>E-ife-miG="-ornl"name='-orirl'meth<jd=1poit"action="">Bcinputnane="lock"type='button"vmluE='计食"onclick="computeQ,r/><irputt\pe="subirit"name=1a"id="aTvalus="^^"/>E</body^•:%16•:%16283185307179536计算圆的面积局部变量和全局变量:输入以下代码：<scriptlanguage="javascript">functionfirst（p,q）（p=p*2;b=b+1;varc=100;document.writeln（"P的值为：”,p,"<br>”）;document.writeln（"a的值为：”,a,"<br>”）;document.writeln（"b的值为：”,b,"<br>”）;document.writeln（"c的值为：”,c,"<br>”）;}vara=1,b=2,c=3;first（a,b）;document.writeln（"a的值为：”,a,"<br>”）;document.writeln（"b的值为：”,b,"<br>”）;document.writeln（"c的值为：”,c,"<br>”）;</script>

1-<Idoctypehtml>E-ihtmllane="en">日«head><netaGharset="UTF-S">cmetanBne="Generator"c<in±ent="Edi±Pluss">67B^metananie=l,Author"content=""><netaname="ICeyL'jords"content=""><netaname="De5cription"content="">勺101112曰1314<title>Document</title>4玉仁-ipt13rigii3ge="javascript">function-irst（p±q]ip=p*2ib=tn-l;va-匚=]㈱；document,.writeln（"P的受沮="?p?"<br>"）;15docunient..writeln（"a监堕为=;16docuniEnt..writeln（"b的萱为:"tb}"<br>"'）;17document,.writeln（"c3匕竺为二"}c}"<br>"）;IS曰IS2021k\7ara=l,b=2jc=3;-irst（aj,b）;docuniEnt,.writeln（"a的育为:"}a}"<br/"'）;22doGument,.writeln（"b笑为；"jbj"<br>"）;23document..writeln（"c挖堂为二"?c? ;2425£52728293031^/headz<ibody卜</bodjr>-</htnil>OO2131133OO21311337T\7T\?T\7T\SJ—&u-fry&u—&u-JTr&upabcabc1、请写出你在程序编写中出现的错误和改正方法，并分析。获取数值的时候注意一下即可。2、do・・・while与while循环有什么不同？while()加循环条件，一但条件不满足就不执行语句°do-while(),判断条件满足则执行语句，条件不满足时退出循环，但是do-while()是先做再判断，所以至少要做一次循环。3、自定义函数时应注意哪些事项？JavaScript函数调用执行完毕一定有返回值，值及类型根据return决定，如果未return具体值或者没有写return，返回值都是undefined；JavaScript函数若同名，则不存在方法重载，只有方法相互覆盖，最后定义的函数会覆盖之前定义的函数；JavaScript不存在

人人文库> 全部分类> 图纸下载 > 毕业设计

温馨提示

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

最新文档

评论

0/150

提交评论