预览加载中，请您耐心等待几秒...

Javascript实验2.doc

预览
1/4
2/4
3/4
4/4

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

下载提示 文本预览

如果您无法下载资料，请参考说明：

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

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

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

实验二、Javascript 一、实验目的 掌握JavaScript脚本的编写方法； 掌握Javascript脚本操作DOM元素及常用方法调用； 掌握HTML页面与Javascript脚本关联使用。 二、实验内容 编写一个能够输入学生成绩的界面； 编写Javascript代码，增加输入框并计算总成绩； 编写一个显示当前时间的DIV文本块。 三、实验步骤 编写一个能够计算学生成绩的界面； 需要实现的界面如下： 要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数； 下面是本界面的部分源代码，请将其补充完整； <!--单击、计算平均分、增加行、使用数组。--> <html> <head> <title>JavaScript实例</title> </head> <scriptlanguage="JavaScript"> ………… varnames=newArray(num); varscores=newArray(num); for(i=0;i<num;i++){ names[i]=""; scores[i]="60"; } functioninit(){ } functioncalculate(){ vartotal=0; for(i=0;i<num;i++){ names[i]=frmMain.txtName[i].value; scores[i]=frmMain.txtScore[i].value; ………… } 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'size=5value='"+scores[i]+"'><br>"; } returncontent; } functionincreaseArray(arr){ varnewLength=arr.length+1; vararrTemp=newArray(newLength); for(i=0;i<arr.length;i++) arrTemp[i]=arr[i]; returnarrTemp; } functionaddStudent(){ names=increaseArray(names); scores=increaseArray(scores); names[num]=""; scores[num]="60"; num++; ……………… } </script> <bodyonload="init()"> 学生成绩录入： <hr> <formid="frmMain"> 学生平均分：<inputtype="text"id="txtAverage"size=4> &nbsp;&nbsp; 学生人数：<inputtype="text"id="txtTotal"size=4><br> <hr> <br> <divid="students"> <scriptlanguage="JavaScript"> document.write(getStudents(num)); </script> </div> <hr> <inputtype="button"value="计算"onclick="">&nbsp;&nbsp; <inputtype="button"value="增加"onclick=""> </form> </body> </html> 在该界面的基础上增加一个时钟，其样式如下： 提示： 1)采用DIV实现该时钟区域，可利用css样式中的position:absolute来实现该时钟区域的移动； 2)Javascript中的日期类为Date；用法：Dated=newDate(); 3)常用的日期类方法有：d.getYear