JavaScript 录入班级学生(姓名、年龄、学号)，输出所有学生的学号、姓名和年龄

最新推荐文章于 2025-06-08 19:49:57 发布

原创最新推荐文章于 2025-06-08 19:49:57 发布 · 1.6w 阅读

40 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript 录入班级学生(姓名、年龄、学号)，输出

本文介绍了一个简单的学生信息管理系统，使用HTML、JavaScript实现。系统通过创建学生对象并存储在数组中，提供加载和显示学生信息的功能。用户可以连续输入学生学号、姓名和年龄，系统将这些信息保存，并最终展示所有已录入的学生详情。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script type="text/javascript">
        //注册
        function ShowDate(stus){
            this.arr0=[];
            this.loadInfo(stus);
        }

        //录入
        ShowDate.prototype.loadInfo=function(arr){
        	for(var i in arr){
               this.arr0.push(arr[i])
        	}
        };
		
		//输出
		ShowDate.prototype.showInfo=function(stus){
               this.arr0.forEach(function(item){
               console.log(item.name,item.age,item.id);
               });
		};

		//创建学生
		function Student(id,name,age){
			 this.id=id;
             this.name=name;
             this.age=age;
            
		}
		var arr=[];
        while(confirm('是否继续录入学生信息?')){

           var id=prompt('请输入学生学号： ');
           var name=prompt('请输入学生姓名： ');
           var age=prompt('请输入学生年龄： ');
           var stu=new Student(id,name,age);//创建学生对象
           arr.push(stu);
		}

		//完成注册
		var reg=new ShowDate(arr);//创建对象实例
		reg.showInfo();
	</script>
</body>
</html>