最新学生信息管理系统之javascript版

1、精品文档Student Info Managervar_data = ,info_body,numReg = /d+$/;function() returnthis.replace(/(s*)|(s*$)/g, );根据 ID 找到 objfunction$(id)returndocument.getElementById(id);根据 id 找到学生functiongetStudentById (id) for( vari=0;i_data.length;i+)if(_datai.id = id)return_datai;returnnull;学生对象functionStudent(name

2、,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;增加方法functionaddHandler()精品文档精品文档varstu =new Student(); = $(nName).value.trim();stu.age = $(nAge).value.trim();stu.score = $(nScore).valu

3、e.trim();stu.sex = $(nSex).value.trim();if(valid(stu)_data.push(stu);$( resetButton).click();showData(_data);验证输入是否正确functionvalid(student)if( =)alert( 用户名不能为空！ );returnfalse;if(student.age !=)if(numReg.test(student.age)vartemp = parseInt(student.age,10);if(temp200)alert( 年龄输入错误!);return

4、false; elsealert( 年龄请输入数字!);returnfalse;if(student.score !=)if(numReg.test(student.score)vartemp = parseInt(student.score);if(temp100)alert( 成绩输入错误! );returnfalse; elsealert( 成绩输入错误!);returnfalse;returntrue;精品文档精品文档删除方法functiondelHandler(id)if(confirm( 真的要删除吗？ )vartemp = ;for( vari=0;i _data.length;

5、i+)if(_datai.id != id)temp.push(_datai);_data = temp;showData(_data);查询方法functionsearch(name,sex,age)/console.log(arguments);vartemp = ;for( vari=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

6、(_datai);showData(temp);根据数据显示内容（ html 代码生成）functionshowData(data)info_body = info_body | $(info-body);varhtml = ;精品文档精品文档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();此

7、处 IE 低版本不兼容 （促进网络进步， 请升级低版本 IE 吧），因为 IE 下tbody标签的 innerHTML为只读属性，要兼容请将上面代码的标签用document.createElement();进行创建， td 的 innerHTML是可以进行操作的info_body.innerHTML = html.join( );functionshowSex(v)if(v)if( 0= v)return男; elseif( 1= v)return女;returnerror;functioncreateSexTag(v)if( 0= v)return男 女; elsereturn女 男;保存修

8、改内容functionsaveEidted(id) varstu =new Student(); = $(eName).value;精品文档精品文档stu.age = $(eAge).value;stu.score = $(eScore).value;stu.sex = $(eSex).value;if(valid(stu)for( vari=0;i _data.length;i+)if(_datai.id = id)_datai = stu;showData(_data);break;/编辑functioneditHandler(obj,id)varvartds = pp.g

9、etElementsByTagName(td);vartemp = getStudentById(id);if( null!= temp)for( vari=0;i tds.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 =保存 取消 ; else精品文档精品文档alert(error!);* padding:0 ; margin:0;.stitle padding-left:20px ; text-align:right;.sinput width:100px ; border:1px #eee solid; margin-top:10px ;.sslect width: 60px ; margin-top:10px ;.ninput position:rel