《韩顺平轻松搞定javascript第九章dom编程详解篇费》-课件设计（公开）.pptVIP

***课后练习*** **这个简单可以直接看文件** ***页面*** html head title无标题页6/title script language=javascript type=text/javascript !-- function choice(obj){ var fruits=document.getElementsByName(fruit); if(obj.checked){ for(var i=0;ifruits.length;i++){ fruits[i].checked=true; } }else{ for(var i=0;ifruits.length;i++){ fruits[i].checked=false; } } } //-- /script /head body 请选择你喜欢的水果:br/ input type=checkbox name=fruit/苹果 input type=checkbox name=fruit/西瓜 input type=checkbox name=fruit/香蕉 br/ input type=checkbox onclick=choice(this)/全选 /body /html **forms是document的集合属性*** html body form name=Form1/form form name=Form2/form form name=Form3/form script type=text/javascript document.write(This document contains: ) document.write(document.forms.length + forms.+document.forms[0].name+ +document.forms.item(1).name) /script /body /html ***相关案例(不是直接案例)*** !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleforms.html/title meta http-equiv=keywords content=keyword1,keyword2,keyword3 meta http-equiv=description content=this is my page meta http-equiv=content-type content=text/html; charset=UTF-8 !--link rel=stylesheet type=text/css href=./styles.css-- script type=text/javascript function checkinfo(){ //得到第一个表单的username输入是什么 if(document.forms[0].username.value==){ window.alert(对不起，用户名不能为空); return false; } } /script /head body hr/ h1个人信息/h1 form action=xxx method=get u:input name=username type=textbr/ p:input name=password type=passwordbr/ input type=submit onclick=return checkinfo() value=提交 /form h1兴趣爱好/h1 form action=xxx method=get 爱好1:input type=textbr/ 爱好2:input type=testbr/ input type=submit value=提交 /form /body /html ****直接案例(如图案例)***** !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head titleformtest.html/title meta http-equiv=keywords content=keyword1,ke