WEB技术基础实验指导书

1、学生姓名学生姓容学生姓窖H字生姓名甲学生姓名t学生姓名学生姓名*学觇姓容：学生註名】学生姓名*学生成绩：60学生超1学生成绩6060学生咸稣6060辆学空翊，6060竽生成纵eoeo学生斂：GOGO学生成絲6060学生癥：6060实验二、简单网页设计、实验目的1.掌握JavaScript脚本的编写方法；2.掌握Javascript脚本操作DOM元素及常用方法调用;3.掌握HTML页面与Javascript脚本关联使用。、实验内容1.编写一个能够输入学生成绩的界面；2.编写Javascript代码，增加输入框并计算总成绩；3. 编写一个显示当前时间的DIV文本块。三、实验步骤1.编写一个能够计算

2、学生成绩的界面；1）需要实现的界面如下：学生成绩录入:2）要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能 够计算出学生的平均分和学生人数；JavaScript 实例 var num=10;var n ames=new Array (nu m);size=8size=5var scores=new Array (nu m);for (i=0;i nu m;i+)n amesi=;scoresi=60;function init()function calculate()var total=0;for (i=0;i nu m;i+)n amesi=frmMai n. txtN

3、amei.value;scoresi=frmMai n.txtScorei.value;total+=parse In t(scoresi)frmMai n. txtAverage.value=parse In t(total/num);frmMai n.txtTotal.value=num;function getStudents(n)var conten t=;for (i=0;i n;i+)content+=学 生姓名：&n bsp ;&n bsp;content+=学生成绩： ;retur n content;function in creaseArray(arr)var n ewLe

4、 ngth=arr.le ngth+1;var arrTemp=new Array (n ewLe ngth);for (i=0;iarr.le ngth;i+)arrTempi=arri;return arrTemp;fun ctio n addStude nt()n ames=in creaseArray (n ames);scores=in creaseArray(scores);n ames num =;scores num =60;nu m+;docume nt.getEleme ntByld(stude nts).i nn erHTML+=getStude nts(1);学生成绩录

5、入：vform id=frmMain学生平均分：  ; 学生人数：docume nt.write(getStude nts(nu m);&n bsp; &n bsp;3)下面是本界面的部分源代码，请将其补充完整；JavaScript 实例 var n ames=new Array (nu m); var scores=new Array (nu m); for (i=0;i nu m;i+)n amesi=;size=8size=5scoresi=60;function in it()function calculate()var total=0;for (i=0;i nu

6、m;i+)n amesi=frmMai n. txtNamei.value;scoresi=frmMai n. txtScorei.value;frmMa in .txtAverage.value=parseI nt(total/num);frmMai n. txtTotal.value=num;function getStude nts(n)var conten t=;for (i=0;i n ;i+)content+=学生姓名： &n bsp ;&n bsp;content+=学生成绩：;return content;function in creaseArray(arr)var n ew

7、Le ngth=arr.le ngth+1;var arrTemp=new Array (n ewLe ngth);for (i=0;iarr.le ngth;i+)arrTempi=arri;return arrTemp;fun ction addStude nt()n ames=in creaseArra y(n ames);scores=in creaseArray(scores);n ames num =”；scores num =60;nu m+;学生成绩录入：vform id=frmMain学生平均分：&n bsp;&n bsp;学生人数：docume nt.write(getSt

8、ude nts(nu m);  2.在该界面的基础上增加一个时钟，其样式如下：200W3 月 12白23时21分58秒提示：1)采用DIV实现该时钟区域，可利用css样式中的position:absolute来实现该时钟区域的移动；2)Javascript 中的日期类为 Date ； 用法： Date d = new Date();3)常用的日期类方法有：d.getYear()获得年份d.getMonth()获得月份d.getDate()获得日期 d.getHour()获得时钟 d.getMinute()获得分钟 d.getSecond()获得秒钟沁园春雪北国风光， 千里冰封， 万里雪飘。望长城内