安徽机电职业技术学院实验报告
一、实验目的
熟练掌握Javascript的基本编程概念和编程技术；
二、实验内容（1、2、3题操作步骤参见教材第10章）
1、编写第5章中的示例源文件，并且在IE浏览器中进行调试。
2、找出下述程序的错误：
1) 下面的程序有两个错误
<script language=”javascript”>
var my code name=”测试循环语句……” ;
var n=10 ;
for(var i=0 ;i<n ;i++){
if(i=6)
document.write(“现在i是”+i+”<br>”);
}
document.write(“最后i是”+i);
</script>
其应得的结果是：
现在i是6
最后i是10
2) 下面的程序有两个错误
<script language=”javascript”>
var sum=getSum(10);
document.write(“1-10的总和是”+sum)；
var sum100=getSum（100）;
document.write(“<br>1-100的总和是”+sum100)；
document.write(“<br>上述总和是”+sum+sum100)；
function getSum(n){
var sum=0;
for(var i=0 ;i<n ;i++){
sum+=i ;
}
return sum ;
}
</script>
其应得的结果是：
1-10的总和是55
1-100的总和是5050
上述总和是5105
3) 下面的程序有一个错误
<script language=”javascript”>
var apples=12 ;
var kids=3 ;
var msg=(apples>0 and apples%kids==0) ?”可以均分”：”不能均分”；
document.write(msg);
</script>
其应得的结果是：
可以均分
3、编写一个显示学生成绩信息的网页，网页中有两个或更多的按钮，分别代表每一个需要显示信息的学生，点击后可以得到该学生的总成绩、平均成绩、平均成绩的级别等，如教材第十章10.5节所示，并在IE浏览器中进行测试。
源文件：
4、编写一个两个数的四则运算的页面，在页面窗口中分别输入一个数，点击选择一种运算（＋ 、－ 、×、÷），在”计算结果”输出框中输出计算结果（如下图所示）
源文件：
5、独立完成教材中本章习题，所选答案填入下面对应题号的括号内：
1、（ ） 2、（ ） 3、（ ） 4、（ ）
5、（ ） 6、（ ） 7、（ ） 8、（ ）
9、（ ） 10、（ ） 11、（ ） 12、（ ）
三、记录实验体会和实验中遇到的问题及其解决方法（请将你在实验过程中遇到的问题记录下来并写出你的解决方法）
第二篇：Javascript实验2
实验二、Javascript
一、实验目的
1． 掌握JavaScript脚本的编写方法；
2． 掌握Javascript脚本操作DOM元素及常用方法调用；
3． 掌握HTML页面与Javascript脚本关联使用。
二、实验内容
1． 编写一个能够输入学生成绩的界面；
2． 编写Javascript代码，增加输入框并计算总成绩；
3． 编写一个显示当前时间的DIV文本块。
三、实验步骤
1. 编写一个能够计算学生成绩的界面；
1) 需要实现的界面如下：
2) 要求单击“增加”按钮后，能够增加一行学生信息；单击“计算”按钮后，能够计算出学生的平均分和学生人数；
3) 下面是本界面的部分源代码，请将其补充完整；
<!--单击、计算平均分、增加行、使用数组。-->
<html>
<head>
<title>JavaScript 实例</title>
</head>
<script language="JavaScript">
…………
var names=new Array(num);
var scores=new Array(num);
for (i=0;i<num;i++){
names[i]="";
scores[i]="60";
}
function init(){
}
function calculate(){
var total=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;
}
function getStudents(n){
var content="";
for (i=0;i<n;i++){
content+="学生姓名：<input type='text' id='txtName' size=8 value='"+names[i]+"'> ";
content+="学生成绩：<input type='text' id='txtScore' size=5 value='"+scores[i]+"'><br>";
}
return content;
}
function increaseArray(arr){
var newLength=arr.length+1;
var arrTemp=new Array(newLength);
for (i=0;i<arr.length;i++)
arrTemp[i]=arr[i];
return arrTemp;
}
function addStudent(){
names=increaseArray(names);
scores=increaseArray(scores);
names[num]="";
scores[num]="60";
num++;
………………
}
</script>
<body onload="init()">
学生成绩录入：
<hr>
<form id="frmMain">
学生平均分：<input type="text" id="txtAverage" size=4>
学生人数：<input type="text" id="txtTotal" size=4><br>
<hr>
<br>
<div id="students">
<script language="JavaScript">
document.write(getStudents(num));
</script>
</div>
<hr>
<input type="button" value="计算" onclick=" ">
<input type="button" value="增加" onclick=" ">
</form>
</body>
</html>
2. 在该界面的基础上增加一个时钟，其样式如下：
提示：
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() 获得秒钟