学生信息管理系统之javascript版.docx

_Student Info Managervar _data = ,info_body,numReg = /d+$/;String.prototype.trim = function() return this.replace(/(s*)|(s*$)/g, ); /根据ID找到objfunction $(id)return document.getElementById(id);/根据id找到学生function getStudentById (id) for(var i=0;i_data.length;i+)if(_datai.id = id)return _datai;return null;/学生对象function Student(name,sex,age,score)this.id = new Date().getTime();this.name = name ? name : null;this.age = age ? age : 0;this.sex = sex ? sex : 0;this.score = score ? score : 0;/增加方法function addHandler()var stu = new Student();stu.name = $(nName).value.trim();stu.age = $(nAge).value.trim();stu.score = $(nScore).value.trim();stu.sex = $(nSex).value.trim();if(valid(stu)_data.push(stu);$(resetButton).click();showData(_data);/验证输入是否正确function valid(student)if(student.name = )alert(用户名不能为空！);return false;if(student.age != )if(numReg.test(student.age)var temp = parseInt(student.age,10);if(temp200)alert(年龄输入错误!);return false;elsealert(年龄请输入数字!);return false;if(student.score != )if(numReg.test(student.score)var temp = parseInt(student.score);if(temp 100)alert(成绩输入错误!);return false;elsealert(成绩输入错误!);return false;return true;/删除方法function delHandler(id)if(confirm(真的要删除吗？)var temp = ;for(var i=0;i_data.length;i+)if(_datai.id != id)temp.push(_datai);_data = temp;showData(_data);/查询方法function search(name,sex,age)/console.log(arguments);var temp = ;for(var i=0;i_data.length;i+)if( != name)if(_datai.name != name)continue;if( != sex)if(_datai.sex != sex)continue;if( != age)if(_datai.age != age)continue;temp.push(_datai);showData(temp);/根据数据显示内容（html代码生成）function showData(data)info_body = info_body | $(info-body);var html = ;for(var i=0;idata.length;i+)html.push();html.push(+datai.name+);html.push(+showSex(datai.sex)+);html.push(+ datai.age+);html.push(+datai.score+);html.push(编辑删除);html.push();/此处IE低版本不兼容（促进网络进步，请升级低版本IE吧），因为IE下tbody标签的innerHTML为只读属性，要兼容请将上面代码的标签用document.createElement();进行创建，td的innerHTML是可以进行操作的info_body.innerHTML = html.join();function showSex(v)if(v)if(0 = v)return 男;else if(1 = v)return 女;return error;function createSexTag(v)if(0 = v)return 男女; elsereturn 女男;/保存修改内容function saveEidted(id) var stu = new Student();stu.name = $(eName).value;stu.age = $(eAge).value;stu.score = $(eScore).value;stu.sex = $(eSex).value;if(valid(stu)for(var i=0;i_data.length;i+)if(_datai.id = id)_datai = stu;showData(_data);break;/编辑function editHandler(obj,id)var pp = obj.parentNode.parentNode;var tds = pp.getElementsByTagName(td);var temp = getStudentById(id);if(null != temp)for(var i=0;itds.length;i+)if(0 = i)tdsi.innerHTML = ;if(1 = i)tdsi.innerHTML = +createSexTag(temp.sex)+;if(2 = i)tdsi.innerHTML = ;if(3 = i)tdsi.innerHTML = ;if(4 = i)tdsi.innerHTML = 保存 取消;elsealert(error!);*padding: 0;margin: 0;.stitlepadding-left: 20px;text-align: right;.sinputwidth: 100px;border: 1px #eee solid;margin-top: 10px;.sslectwidth:60px;margin-top: 10px;.ninputposition: relative;float: left;left:-5px;width: 100%;border: 1px solid #eee;margin: 0;姓名:性别:男女年龄: 男女姓名性别年龄成绩操作Welcome ToDownload !欢迎您的下载，资料仅供参考！精品资料