1、!-建議在FirefoxChromeIE9+上運行(UTF-8編碼)，至于為什么呢，請看下文!-基于javascript實現的學生管理系統，只為js初學者參照，大神請忽略吧!-在實現展現的時候，我使用現在比較火熱的css框架bootstrap，收效很不錯StudentInfoManagerlinkrel=stylesheettype=text/csshref=css/bootstrap.css-responsive.cssvar_data=,info_body,numReg=/d+$/;Stotype.trim=function()returnthis.replace(/(s*)|(s*$)/

2、g,);依照ID找到objfunction$(id)returndocument.getElementById(id);依照id找到學生functionforgetStudentById(id)(vari=0;i_data.length;i+)if(_datai.id=id)return_datai;returnnull;學生對象functionStudent(name,sex,age,score)this.id=newDate().getTime();=name?name:null;this.age=age?age:0;this.sex=sex?sex:0;this.score=score?

3、score:0;增加方法functionaddHandler()varstu=newStudent();=$(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);考據輸入可否正確functionvalid(student)if(=)alert(用戶名不能夠為空！returnfalse;);if

4、(student.age!=)if(numReg.test(student.age)vartemp=parseInt(student.age,10);if(temp200)alert(年齡輸入錯誤!);returnfalse;elsealert(return年齡請輸入數字false;!);if(student.score!=)if(numReg.test(student.score)vartemp=parseInt(student.score);if(temp100)alert(成績輸入錯誤!);returnfalse;elsealert(return成績輸入錯誤false;!);return

5、true;刪除方法functiondelHandler(id)if(confirm(真的要刪除嗎？)vartemp=;for(vari=0;i_data.length;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

6、.sex!=sex)continue;if(!=age)if(_datai.age!=age)continue;temp.push(_datai);showData(temp);依照數據顯示內容（html代碼生成）functionshowData(data)info_body=info_body|$(info-body);varhtml=;for(vari=0;idata.length;i+)html.push();html.push(++);html.push(+showSex(datai.sex)+);html.push(+datai.age+);html.push(+

7、datai.score+);html.push(刪除html.push();編寫);/此處IE低版本不兼容（促進網絡進步，請升級低版本IE吧），因為IE下tbody標簽的innerHTML為只讀屬性，要兼容請將上面代碼的標簽用document.createElement();進行創辦，info_body.innerHTML=html.join(td的innerHTML);是能夠進行操作的functionshowSex(v)if(v)if(0=v)returnelseif(1return男;=v)女;returnerror;functionifcreateSexTag(v)(0=v)return

8、男女;elsereturn女男;保存更正內容functionsaveEidted(id)varstu=newStudent();=$(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)varpp=obj.parentNode.parentNod

9、e;vartds=pp.getElementsByTagName(vartemp=getStudentById(id);if(null!=temp)for(vari=0;i+createSexTag(temp.sex)+td);selectid=eSex;style=width:70pxvalue=if(2=i)tdsi.innerHTML=+temp.age+inputid=eAgetype=text;iftype=textstyle=width:70px(3=i)tdsi.innerHTML=value=;ifonclick=saveEidted(onclick=showData(_data)(4=i)tdsi.innerHTML=保存buttonclass=btn取消;elsealert(error!);*padding:0;margin:0;.stitlepadding-left:20px;text-align:right;.sinputwidth:100px;border:1px#eeesolid;margin-top:10px;.sslectwidth:60px;ma