学生信息管理系统之javascript版.docx_第1页
学生信息管理系统之javascript版.docx_第2页
学生信息管理系统之javascript版.docx_第3页
学生信息管理系统之javascript版.docx_第4页
学生信息管理系统之javascript版.docx_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

Student Info Managervar _data = ,info_body,numReg = /d+$/;Stotype.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(); = name ? name : null;this.age = age ? age : 0;this.sex = sex ? sex : 0;this.score = score ? score : 0;/增加方法function addHandler()var stu = new Student(); = $(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( = )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(_ != 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(++);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(); = $(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;.sslectw

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论