》》》index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="./css/index.css" />
</head>
<body>
<div>
<form>
<span class="stuName" id="stuName">姓名:</span>
<input type="search" value="" class="input" onsearch="enterInput()"/>
<span id="stuNameMessage" class="message"> </span>
<br />
<span class="stuCode" id="stuCode">学号:</span>
<input type="search" value="" class="input" onsearch="enterInput()"/>
<span id="stuCodeMessage" class="message"></span>
<br>
<span class="stuAge" id="stuAge">年龄:</span>
<input type="search" class="input" value="" onsearch="enterInput()"/>
<span id="stuAgeMessage" class="message"></span>
<br>
<div class="toolbar">
<input type="button" name="" id="stuAddBtn" value="新增" onclick="checkInput()" />
<input type="button" name="" id="stuSaveBtn" value="保存" disabled onclick="saveTable()"/>
</div>
</form>
<div id="">
<hr>
<div id="searchbar">
<input type="text" name="" id="" value="" />
<input type="button" name="" id="" value="查询" onclick="search()"/>
</div>
<table id="table" >
<thead>
<tr>
<th>操作</th>
<th>序号</th>
<th>姓名</th>
<th>学号</th>
<th>年龄</th>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
</div>
</div>
</body>
<script type="text/javascript" src="js/index.js"></script>
</html>
》》》js--index.js
/* 学生对象构造器 */
function Student(num,name,code,age){
this.number=num;
this.stuName=name;
this.stuCode=code;
this.stuAge=age;
}
var nb;//记录了数组中那一