<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form name="form1">
学号:<input name="stu1"><br>
姓名:<input name="name"><br>
c语言:<input name="c"><br>
动态脚本:<input name="js">
<input type="button" value="显示分数" onclick="SumShow()">
<input type="reset" value="重置">
</form>
<div id="info"></div>
<script>
function Student(ID,name,c,js){
this.ID=ID;
this.name=name;
this.c=parseFloat(c);
this.js=parseFloat(js);
}
Student.prototype.summation=function(){
return this.c+this.js;
}
function SumShow(){
with(form1){
if(elements[0].value==""||elements[1].value=="")
{
document.getElementById('info').innerHTML="学号和姓名不能为空";
return;
}
for(var i=2;i<4;i++){
var s=parseFloat(elements[i].value);
if(s>100||s<0||isNaN(s)){
document.getElementById("info").innerHTML="成绩要在0~100之间,请重新输入!";
return;
}
}
var stu =new Student(elements[0].value,elements[1].value,elements[2].value,elements[3].value);
document.getElementById('info').innerHTML=stu.ID+stu.name+"的总成绩为"+stu.summation();
}
}
</script>
</body>
</html>
第一大问题?
为什么stu不能换成stu1?
第二大问题?
为什么两个return不能少,一旦少了条件不成立也能正常输出?
第三大问题?
创建实例究竟他们的根源和联系是什么呢?
这三个问题始终暂时想不明白?