第1章 JavaScript基本语法(理论).pptVIP

3.3 事件处理 function 事件处理程序名(参数表) { 事件处理语句集: …… } 函数调用 事件名称=事件处理程序名称; input type=button value=计算 onclick=showResult();/ 3.3 事件处理 制作一个网页，实现简单计算器的功能 实现思路 将运算符作为函数的参数传入，在函数中使用switch语句 对运算符进行判断，并做出相应的操作 最后将操作结果显示到结果文本框中 3.3 事件处理 body 第一个数： input type=text name=num1 size=5 / p第二个数： input type=text name=num2 size=5/ /p p input name=button type=button onclick=cal(this.value); value=+/ input name=button2 type=button onclick=cal(this.value); value=-/ input name=button3 type=button onclick=cal(this.value); value=*/ input name=button4 type=button onclick=cal(this.value); value=// /p p结果： input type=text name=result size=5/ /p pnbsp;/p /body script language=javascript function cal(op) { var num1=parseInt(document.all.num1.value); var num2=parseInt(document.all.num2.value); var result; switch(op) { case +: result=num1+num2; break; case -: result=num1-num2; break; case *: result=num1*num2; break; case /: result=num1/num2; break; } document.all.result.value=result; } /script 3.3 事件处理 常用事件 浏览器事件 onload、unonload、onsubmit 鼠标事件 onMouseMove、onMouseOver、onMouseOut、onMouseDown、onMouseUp 文本框事件 onchange、onselect 其他 onclick 教员演示常用事件的用法 常用事件 onload和onunload事件 ... function showNavigator() { var ie = (navigator.appVersion.indexOf(MSIE)!=-1);//IE var ff = (navigator.userAgent.indexOf(Firefox)!=-1);//Firefox if(ie==true) { document.write(Microsoft Internet Explorer); } if(ff==true) { document.write(FireFox); } } … body onLoad=showNavigator() … ... function closeWindow(evnet) { if(event.clientX=0 event.clientY0) { alert(关闭); } else { alert(刷新或离开); } } /script /head body onunload=closeWindow(event) … 常用事件 onfocus、onblur和onchange事件 ... function checkEmail(){ var email=document.all.mail.value; var mailPattern=/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; if(!mailPattern.test(email)){ alert(邮件格式有误); } } ... 电子邮件：input type=text name=m