1、精品文檔Student Info Managervar_data = ,info_body,numReg = /d+$/;function() returnthis.replace(/(s*)|(s*$)/g, );根據(jù) ID 找到 objfunction$(id)returndocument.getElementById(id);根據(jù) id 找到學(xué)生functiongetStudentById (id) for( vari=0;i_data.length;i+)if(_datai.id = id)return_datai;returnnull;學(xué)生對(duì)象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);驗(yàn)證輸入是否正確functionvalid(student)if( =)alert( 用戶名不能為空！ );returnfalse;if(student.age !=)if(numReg.test(student.age)vartemp = parseInt(student.age,10);if(temp200)alert( 年齡輸入錯(cuò)誤!);return

4、false; elsealert( 年齡請(qǐng)輸入數(shù)字!);returnfalse;if(student.score !=)if(numReg.test(student.score)vartemp = parseInt(student.score);if(temp100)alert( 成績(jī)輸入錯(cuò)誤! );returnfalse; elsealert( 成績(jī)輸入錯(cuò)誤!);returnfalse;returntrue;精品文檔精品文檔刪除方法functiondelHandler(id)if(confirm( 真的要?jiǎng)h除嗎？ )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);根據(jù)數(shù)據(jù)顯示內(nèi)容（ 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 低版本不兼容 （促進(jìn)網(wǎng)絡(luò)進(jìn)步， 請(qǐng)升級(jí)低版本 IE 吧），因?yàn)?IE 下tbody標(biāo)簽的 innerHTML為只讀屬性，要兼容請(qǐng)將上面代碼的標(biāo)簽用document.createElement();進(jìn)行創(chuàng)建， td 的 innerHTML是可以進(jìn)行操作的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、改內(nèi)容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