《WEB技术基础实验指导书(实验2)》由会员分享，可在线阅读，更多相关《WEB技术基础实验指导书(实验2)（6页珍藏版）》请在金锄头文库上搜索。
1、实验二、简单网页设计一、实验目的1 掌握 JavaScript 脚本的编写方法；2 掌握 Javascript 脚本操作DOM 元素及常用方法调用；3 掌握 HTML页面与 Javascript 脚本关联使用。二、实验内容1 编写一个能够输入学生成绩的界面；2 编写 Javascript代码，增加输入框并计算总成绩；3 编写一个显示当前时间的DIV 文本块。三、实验步骤1. 编写一个能够计算学生成绩的界面；1) 需要实现的界面如下：2) 要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；JavaScript实例 var num=10;var n
2、ames=new Array(num);var scores=new Array(num);for (i=0;inum;i+)namesi=;scoresi=60;function init()function calculate()var total=0;for (i=0;inum;i+)namesi=frmMain.txtNamei.value;scoresi=frmMain.txtScorei.value;total+=parseInt(scoresi)function getStudents(n)var content=;for (i=0;in;i+)content+= 学 生 姓 名
3、 ： content+= 学 生 成 绩 ： ;return content;function increaseArray(arr)var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;iarr.length;i+)arrTempi=arri;return arrTemp;function addStudent()names=increaseArray(names);scores=increaseArray(scores);namesnum=;scoresnum=60;num+;docu
4、ment.getElementById(students).innerHTML+=getStudents(1);学生成绩录入：学生平均分： 学生人数： document.write(getStudents(num); 3) 下面是本界面的部分源代码，请将其补充完整；JavaScript 实例 var names=new Array(num);var scores=new Array(num);for (i=0;inum;i+)namesi=;scoresi=60;function init()function calculate()var tota
5、l=0;for (i=0;inum;i+)namesi=frmMain.txtNamei.value;scoresi=frmMain.txtScorei.value;function getStudents(n)var content=;for (i=0;in;i+)content+= 学生姓名： content+= 学生成绩： ;return content;function increaseArray(arr)var newLength=arr.length+1;var arrTemp=new Array(newLength);for (i=0;iarr.lengt
6、h;i+)arrTempi=arri;return arrTemp;function addStudent()names=increaseArray(names);scores=increaseArray(scores);namesnum=;scoresnum=60;num+;学生成绩录入：学生平均分： 学生人数： document.write(getStudents(num); 2. 在该界面的基础上增加一个时钟，其样式如下：提示：1) 采用 DIV 实现该时钟区域，可利用 css 样式中的 position:absolute 来实现该时钟区域
7、的移动；2) Javascript 中的日期类为Date； 用法：Date d = new Date();3) 常用的日期类方法有：d.getYear() 获得年份 d.getMonth() 获得月份 d.getDate() 获得日期 d.getHour() 获得时钟 d.getMinute() 获得分钟 d.getSecond() 获得秒钟出师表两汉：诸葛亮先帝创业未半而中道崩殂， 今天下三分， 益州疲弊， 此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。宫中府中，俱
8、为一体；陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其刑赏，以昭陛下平明之理；不宜偏私，使内外异法也。侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下：愚以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。将军向宠，性行淑均，晓畅军事，试用于昔日，先帝称之曰愚以为营中之事，悉以咨之，必能使行阵和睦，优劣得所。“能 ”，是以众议举宠为督：亲贤臣， 远小人， 此先汉所以兴隆也； 亲小人， 远贤臣， 此后汉所以倾颓也。 先帝在时，每与臣论此事， 未尝不叹息痛恨于桓、 灵也。 侍中、尚书、 长史、 参军，此悉贞良死节之臣，愿陛下亲之、信之，则汉室之隆，
9、可计日而待也。臣本布衣，躬耕于南阳，苟全性命于乱世，不求闻达于诸侯。先帝不以臣卑鄙，猥自枉屈，三顾臣于草庐之中，咨臣以当世之事，由是感激，遂许先帝以驱驰。后值倾覆，受任于败军之际，奉命于危难之间，尔来二十有一年矣。先帝知臣谨慎，故临崩寄臣以大事也。受命以来，夙夜忧叹，恐托付不效，以伤先帝之明；故五月渡泸，深入不毛。今南方已定，兵甲已足，当奖率三军，北定中原，庶竭驽钝，攘除奸凶，兴复汉室，还于旧都。此臣所以报先帝而忠陛下之职分也。至于斟酌损益，进尽忠言，则攸之、祎、允之任也。愿陛下托臣以讨贼兴复之效，不效，则治臣之罪，以告先帝之灵。若无兴德之言，则责攸之、祎、允等之慢，以彰其咎；陛下亦宜自谋，以咨诹善道，察纳雅言，深追先帝遗诏。臣不胜受恩感激。今当远离，临表涕零，不知所言。
