HTML 教学.pptVIP

JavaScript中的浏览器对象 第 九 章 内容回顾 对象 this语句 with语句 new操作符 eval函数 字符串对象 Math对象 Date对象 本章目标 JavaScript 中的通用事件 浏览器对象 - 属性和方法 事件对象概念 事件可以由用户生成，也可以由系统生成 每个事件都有与之相关联的Event对象 Event 对象提供下列信息： 事件类型 事件发生时光标的位置 Event 对象可以用作事件处理程序的一部分 事件的生命周期 事件的生命周期通常包含下列阶段： 与发生的事件相关联的用户操作或条件 立即更新 Event 对象以反映事件的状态 触发事件 调用相关联的事件处理程序 事件处理程序执行其操作并返回 JavaScript事件 onClick onChange onFocus onBlur onMouseOver onMouseOut onLoad onSubmit onMouseDown onMouseUp onClick事件示例 HTMLHEAD SCRIPT LANGUAGE=JavaScript !-- function compute(form){ if (confirm(“确定吗?”)) form.result.value = eval(form.expr.value); else alert(请重试。); } //-- /SCRIPT /HEAD BODYFORM请输入表达式： INPUT TYPE=text NAME=expr SIZE=15 BR INPUT TYPE=button VALUE=计算 ONCLICK=compute(this.form)BR 结果：INPUT TYPE=text NAME=result SIZE=15 BR /FORM /BODY/HTML onChange事件示例 HTMLHEAD SCRIPT LANGUAGE=JavaScript function checkNum(num){ if (num == ){ alert(请输入一个数字值); return false; } if (isNaN (num)){ alert(请输入一个数字值); return false; } else alert (谢谢！); } /SCRIPT /HEADBODY bgColor = whiteFORM 请输入一个数字： INPUT type = text size = 5 onChange=checkNum(this.value) /FORM/BODY/HTML onFocus/onBlur事件示例 HTML BODY BGCOLOR=lavender FORM INPUT type = text name = text1 onblur=(document.bgColor=aqua) onfocus=(document.bgColor=dimgray) /FORM /BODY /HTML onMouseOver/onMouseOut事件示例 htmlhead script language=javascript var num =0; function showLink(num) { if (num==1){ document.forms[0].elements[0].value= 您选择了Aptech; } if (num==2){ document.forms[0].elements[0].value = 您选择了Asset; } if (num==3){ document.forms[0].elements[0].value = 您选择了Arena; } } /script /headbodyforminput type=text size=60/form a href=# onMouseOver=showLink(1)Aptech/abr a href=# onMouseOver=showLink(2)Asset/abr a href=# onMouseOver=showLink(3)Arena/abr /body/html onLoad事件示例 HTML HEAD TITLE您好/TITLE SCRIPT LANGUAGE=JavaScript function hello() { alert(您好); } /SCRIP