预览加载中,请您耐心等待几秒...
1/4
2/4
3/4
4/4

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

实验二、Javascript 一、实验目的 掌握JavaScript脚本的编写方法; 掌握Javascript脚本操作DOM元素及常用方法调用; 掌握HTML页面与Javascript脚本关联使用。 二、实验内容 编写一个能够输入学生成绩的界面; 编写Javascript代码,增加输入框并计算总成绩; 编写一个显示当前时间的DIV文本块。 三、实验步骤 编写一个能够计算学生成绩的界面; 需要实现的界面如下: 要求单击“增加”按钮后,能够增加一行学生信息;单击“计算”按钮后,能够计算出学生的平均分和学生人数; 下面是本界面的部分源代码,请将其补充完整; <!--单击、计算平均分、增加行、使用数组。--> <html> <head> <title>JavaScript</title> <scriptlanguage="JavaScript"> varnum=2; varnames=newArray(); varscores=newArray(); vartimerId; varflage=0; for(i=0;i<num;i++) { names[i]="abc"; scores[i]=60;} functioncalculate(){ vartotal=0; for(i=0;i<num;i++){ total=total+scores[i];} frmMain.txtAverage.value=parseInt(total/num); frmMain.txtTotal.value=num; } functiongetStudents(n){ varcontent=""; for(i=0;i<n;i++){ content+="学生姓名:<inputtype='text'id='txtName'size=8value='"+names[i]+"'>&nbsp;&nbsp;"; content+="学生成绩:<inputtype='text'id='txtScore'name='txtScore'size=5value='"+scores[i]+"'><br/>";} returncontent;} functiongetStudent(n){ varcontent=""; content+="学生姓名:<inputtype='text'id='txtName'size=8value='"+names[i]+"'>&nbsp;&nbsp;"; content+="学生成绩:<inputtype='text'id='txtScore'name='txtScore'size=5value='"+scores[i]+"'><br/>"; returncontent;} functionaddStudent(){ num++; names[num-1]="abc"; scores[num-1]=60; document.getElementById("students").innerHTML+=getStudent(num);} </script> </head> <linktype="text/css"rel=stylesheethref="2-2.css"> <bodyonLoad="show_date()"> 学生成绩录入: <hr> <pid="demo"></p> <formid="frmMain"> 学生平均分:<inputtype="text"id="txtAverage"size=4> &nbsp;&nbsp; 学生人数:<inputtype="text"id="txtTotal"size=4><br/> <hr> <br/> <divid="students"> <scripttype="text/JavaScript"> document.write(getStudents(num)); </script> </div> <hr> <inputtype="button"value="计算"onClick="calculate()">&nbsp;&nbsp; <inputtype="button"value="增加"onClick="addStudent()"> </form> <divclass="di"id="div2"onMouseOver="stop_move()"onMouseOut=