JavaScript表单处理

JavaScript表单处理知识回顾常用的浏览器对象有哪些？希望在网页打开时，就伴随弹出广告窗口，应使用什么事件？打开广告窗口使用window对象的哪个方法？history对象的哪个方法相当于IE浏览器中的后退按钮？希望动态改变网页的背景色，应使用哪个对象的bgColor属性？IE的地址栏对应哪个浏览器对象？它用来保存网页的地址信息内容摘要使用与以下各项关联的事件处理程序：文本框文本区域命令按钮复选框单选按钮组合框编写用于验证表单的JavaScript代码事件处理程序和表单元素简介当用户单击“注册”按钮时，将弹出一条消息SCRIPTLANGUAGE=JavaScriptfunctionbutton_click(){alert(“请向本网站注册);}/SCRIPTINPUTtype=“button”value=“注册“onClick=button_click()文本框对象文本框元素用于在表单中输入字、词或一系列数字可以通过将HTML的INPUT标签中的type设置为“text”，以创建文本框元素INPUTtype=textname=t1文本框对象–事件处理程序文本框事件onBlur文本框失去焦点onChange文本框的值被修改onFocus光标进入文本框中方法focus()获得焦点，即获得鼠标光标select()选中文本内容，突出显示输入区域属性readonly只读，文本框中的内容不能修改文本框对象添加无边框样式=JavaScriptfunctionclearText(){if(document.myform.card.value==输入您的会员帐号)document.myform.card.value=;}functioncheck(){vara=document.myform.card.value;if(a.substr(0,2)!=10||isNaN(a)){alert(格式错误，请重新输入);document.myform.card.focus();document.myform.card.select();}}functioncompute(){varprice=document.myform.price.value;varnumber=document.myform.number.value;document.myform.tot.value=price*number;}onFocus事件调用的函数clearText（）清空帐号文本框中的内容onBlur事件调用的函数check（）检查输入的帐号是否是“10”打头，并且是数字onChange事件调用的函数compute()用来计算总价=myform.......TD帐号：INPUTname=cardonFocus=clearText()“onBlur=check()type=textvalue=输入您的会员帐号“/TD.......TD单价：INPUTname=pricetype=textvalue=25.00”readonly￥/TD.......TD数量：INPUTname=numberonChange=compute()“type=text个/TDTD总价：INPUTname=tottype=textvalue=0.00￥/TD......./BODY帐号文本框添加onFocus和onBlur焦点事件价格只读属性数量文本框添加onChange事件命令按钮对象命令按钮对象是网页中最常用的元素之一INPUTtype=submitname=button1value=提交INPUTtype=resetname=button2value=重置INPUTtype=buttonname=button3value=计算“按钮-事件处理程序表单元素事件处理程序说明命令按钮onSubmit表单提交事件，单击“提交”按钮时产生，此事件属于FORM元素，不属于提交按钮onClick按钮单击事件onSubmit事件处理代码：FORMonSubmit=”return调用函数名”…/FORM如果函数返回true，则向远程服务器提交表单；如果函数返回false，则取消提交。=resettype=submitmyform(){varuserName=document.myform.userName.value;varpass1=document.myform.pass1.value;varpass2=document.myform.pass2.value;if(pass1==pass2){if(pass1.length!=0){document.write(H2恭喜您，注册成功！欢迎+userName+光临！/H2);returntrue;}else{alert(密码不能为空！\n请输入密码);returnfalse;}}else{alert(确认码必须和输入的密码相同！);returnfalse;}}BODYFORMname=myformonSubmit=returncheck()onSubmit事件调用的函数：输入数据检查如果输入格式正确，返回true，提交表单信息；如果格式错误，返回false，取消提交，提醒用户重填复选框对象当用户需要在选项列表中选择多项时，可以使用复选框对象要创建复选框对象，请使用INPUT标签请选择您的爱好INPUTtype=“checkbox”value=“电影”电影INPUTtype=“checkbox”value=“电影”电影复选框-事件处理程序复选框·事件onBlur复选框失去焦点onFocus复选框获得焦点onClick复选框被选定或取消选定属性checked复选框是否被选中，选中为true，未选中为false。您可以使用此属性查看复选框的状态或设置复选框是否被选中value设置或获取复选框的值设置复选框的值checkbox4myform=JavaScriptfunctionbuy(){vars=;if(document.myform.checkbox1.checked==true)//如果被选中s=s+document.myform.checkbox1.value+“\n”;//累计选中的商品if(document.myform.checkbox2.checked==true)s=s+document.myform.checkbox2.value+\n;if(document.myform.checkbox3.checked==true)s=s+document.myform.checkbox3.value+\n;if(document.myform.checkbox4.checked==true)s=s+document.myform.checkbox4.value+\n;//if(confirm(您定购了以下物品，确定吗？：\n+s)==true)document.write(您定购了以下物品:PRE+s+/PRE);}/SCRIPT=JavaScriptfunctionbuy(){vars=;if(document.myform.checkbox1.checked==true)//如果被选中s=s+document.myform.checkbox1.value+“\n”;//累计选中的商品if(document.myform.checkbox2.checked==true)s=s+document.myform.checkbox2.value+\n;if(document.myform.checkbox3.checked==true)s=s+document.myform.checkbox3.value+\n;if(document.myform.checkbox4.checked==true)s=s+document.myform.checkbox4.value+\n;//if(confirm(您定购了以下物品，确定吗？：\n+s)==true)document.write(您定购了以下物品:PRE+s+/PRE);}/SCRIPT单击”成交“按钮调用的函数：检查每个复选框的选中情况，累计用户选中的商品PRE是为了原样显示字符串中的换行”\n”格式INPUTtype=buttonvalue=成交onClick=buy()“=JavaScriptfunctionbuy(){vars=;for(vari=0;idocument.myform.mybox.length;i++){//判断第i个复选框是否被选中if(document.myform.mybox[i].checked==true)s=s+document.myform.mybox[i].value+\n;}if(confirm(您准备购买以下物品，确定吗？：\n+s)==true)document.write(您购买了以下物品: