4javascript表单处理.ppt

知识回顾 常用的浏览器对象有哪些？ 希望在网页打开时，就伴随弹出广告窗口，应使用什么事件？打开广告窗口使用window对象的哪个方法？ history对象的哪个方法相当于IE浏览器中的后退按钮？ 希望动态改变网页的背景色，应使用哪个对象的bgColor属性？ IE的地址栏对应哪个浏览器对象？它用来保存网页的地址信息 内容摘要 使用与以下各项关联的事件处理程序 ： 文本框 文本区域 命令按钮 复选框 单选按钮 组合框 编写用于验证表单的 JavaScript 代码 文本框对象 文本框对象 – 事件处理程序 文本框对象 命令按钮对象 “按钮 - 事件处理程序 复选框对象 复选框 - 事件处理程序 单选按钮对象 单选按钮 - 事件和属性 下拉列表框 下拉列表框-事件和属性 下拉列表框-事件和属性 表单验证 2-1 课堂重点 OnBlur、onChange 和 OnFocus 是一些与表单对象相关的事件处理程序 在浏览器窗口中，如果文本框获得焦点，则会调用 onFocus 事件处理程序 当对象失去焦点或光标退出对象时，将执行 onBlur 事件处理程序 当修改文本框内容或改写下拉列表框的选项时，则会调用 onChange 事件处理程序 JavaScript的主要功能之一是用于表单验证 下拉列表框- 事件处理程序 userName myselect mycity myform 下拉列表框- 事件处理程序 SCRIPT language=JavaScript function myfun1( ) { var d=document.myform.myselect.selectedIndex; if (d==1 || d==2 || d==3 || d==4) // 北京、上海、重庆、天津 document.myform.city.value= document.myform.myselect.options[d]. text ; } function myfun2( ) { var userName=document.myform.userName.value; var province=document.myform.myselect.value ; var city=document.myform.city.value ; document.write(body bgColor=#FFFAEB); document.write(H2您的注册信息如下：/H2); document.write(HR); document.write(P姓名：+userName); document.write(P帐号开户省份：+province); document.write(P帐号开户城市：+city); } /SCRIPT 下拉列表框- 事件处理程序 SCRIPT language=JavaScript function myfun1( ) { var d=document.myform.myselect.selectedIndex; if (d==1 || d==2 || d==3 || d==4) // 北京、上海、重庆、天津 document.myform.city.value= document.myform.myselect.options[d]. text ; } function myfun2( ) { var userName=document.myform.userName.value; var province=document.myform.myselect.value ; var city=document.myform.city.value ; document.write(body bgColor=#FFFAEB); document.write(H2您的注册信息如下：/H2); document.write(HR); document.write(P姓名：+userName); document.write(P帐号开户省份：+province); document.write(P帐号开户城市：+city); } /SCRIPT SELECT name=myselect onChange=myfun1( ) ……. IMG src=reg.bmp onClick=myfun2( ) 下拉列表框onChange事件调用的函数：判