实验报告九.doc

_项目1 设计校园办公系统认证页面用JavaScript定义函数$(id) 来访问节点，checkcardno()来验证卡号，checkkey()来验证密码，checkkey2()来验证二次输入密码，checkqqwx()来验证QQ微信。用innerHTML修改第五列的label里面的信息，从而给予输入提示。 校园办公系统认证页面 divmargin:0px auto; padding:30px 40px 50px; background:#00FF99 url(bg_id.jpg); tableborder:2px double #0000ff; text-align:center; margin:0px auto; #td1text-align:center; font-size:20px; color:#6600FF; #td2text-align:left; labelcolor:red; font-weight:bold; h3background:#0033ff; width:500px; height:40px; padding:8px auto; font-size:28px; text-align:center; font-family:隶书; color:white; inputheight:24px; function $(id)return document.getElementById(id); function checkcardno() var cno=myform.cardno.value; $(err_cardno).innerHTML=; if(cno=|cno=null) $(err_cardno).innerHTML=卡号不能为空！ else if(cno.length!=10) $(err_cardno).innerHTML=卡号长度必须为10！; else var firstnum=cno.charAt(0); if(firstnum=0) $(err_cardno).innerHTML=卡号首字母必须不为0！; else if(parseInt(cno)1000000000) $(err_cardno).innerHTML=卡号不全为数字！; alert(卡号不全为数字！); function checkkey() var key1=myform.key.value; $(err_key).innerHTML=; if (key1= | key1=null) $(err_key).innerHTML=口令不能为空！; else if (key1.length15) $(err_key).innerHTML=口令长度不能小于8或大于15！; function checkkey2() var key21=myform.key2.value; var key11=myform.key.value; $(err_key2).innerHTML=; if (key21= | key21=null) $(err_key2).innerHTML=口令不能为空！; else if (key21.length15) $(err_key2).innerHTML=口令长度不能小于8或大于15！; else if (key21!=key11) $(err_key2).innerHTML=口令与二次口令不相同！; function checkqqwx() var qqwx1=myform.qqwx.value; $(err_qqwx).innerHTML=; if (qqwx1=null|qqwx1=) $(err_qqwx).innerHTML=微信号不能为空！; 校园办公系统认证页面 校园卡号: 口        令: 二次口令: QQ/微信:      项目2 鼠标动作捕获与响应用JavaScript定义函数$(id)来访问节点，mover()来表示鼠标在上方时候显示的图片mout()表示鼠标移开时候显示的图片，mdown()表示按下鼠标的时候显示的图片，mclick()表示单击鼠标的时候显示的图片，mdclick()表示双击鼠标的时候显示的图片。通过表单和表单里面的文本框名字来改变文本框中显示鼠标动作的数据。无标题文档formtext-align:centerdivwidth:400px; height:200px; margin:30px auto; background:#00cc99;h3padding-top:10px function $(id)return document.getElementById(id); function mover() $(mybody).style.background=#99cc66; $(image).src=image22.jpg;function mout()$(mybody).style.background=#00cc99;$(image).src=image21.jpg; function mdown() forml.mtext.value=按下鼠标; function mclick() forml.mtext.value=单击鼠标; $(mybody).style.background=#00ccaa; $(image).src=image23.jpg; function mdclick() forml.mtext.value=双击鼠标; $(image).src=image24.jpg; $(mybody).style.background=#aaccff; 鼠标动作捕获与响应总结：通过这次实验我知道了掌握事件、事件源、事件句柄、事