WEB技术基础实验指导书(实验2).docx

《WEB技术基础实验指导书(实验2).docx》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、精品文档你我共享AAAAAA精品文档你我共享实验二、简单网页设计、实验目的1.掌握JavaScript脚本的编写方法；2.掌握Javascript脚本操作DOM元素及常用方法调用;3.掌握HTML页面与Javascript脚本关联使用。、实验内容1.编写一个能够输入学生成绩的界面；2.编写Javascript代码，增加输入框并计算总成绩；3.编写一个显示当前时间的DIV文本块。三、实验步骤1.编写一个能够计算学生成绩的界面；1）需要实现的界面如下：学生成绩录入:学生姓名’学生姓容’学生姓窖H字生姓名甲学生姓名t学生姓名’学生姓名*学觇姓容：学生註名】学生姓名*学生成绩：60学生超1学生成绩

2、・60学生咸稣60辆学空翊，60竽生成纵eo学生斂：GO学生成絲60学生癥：602）要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；varnum=10;varnames=newArray(num);AAAAAA精品文档你我共享varscores=newArray(num);for(i=0;i

3、){}functioncalculate(){vartotal=0;for(i=0;i

4、"学生姓名：  ";content+="学生成绩：
";}returncontent;}functionincreaseArray(arr){varnewLength=arr.length+1;vararrTemp=newArray(newLength);for(i=0;i

5、p;}functionaddStudent(){names=increaseArray(names);scores=increaseArray(scores);names[num]="";AAAAAA精品文档你我共享scores[num]="60";num++;document.getElementByld("students").innerHTML+=getStudents(1);}学生成绩录入：