web-实验5 JavaScript综合实验.doc

实验5 JavaScript综合实验1. 编写一个HTML网页，在打开该网页时弹出一个广告页面（自行设计一个广告页面），该广告页面没有菜单栏、工具栏、地址栏和状态栏，且不能改变其大小。var ClickSuccess = false;var opened = false;function myclick() if (!opened & !ClickSuccess) if (window.Event) top.document.captureEvents(Event.CLICK); document.captureEvents(Event.CLICK); top.document.onclick = goto; document.onclick = goto; self.focus(); ClickSuccess=true; function goto() if (!opened) popwin = window.open();/此处就是要弹出页面的广告地址，自己加上吧。 if (popwin) opened = true; /self.focus(); myclick();2. 编写一个HTML网页，在网页中增加一个动态的时间显示，要求显示格式为“当前日期：2015-05-06，当前时间：17:20:08”，且当月、日、时、分或秒中出现一位数字时，自动在该数字前面补一个0，例如“2015-05-06”及“09:08:02”。无标题文档function shizhong()var date = new Date();document.getElementById(timediv).innerHTML=date.toLocaleString();setTimeout(shizhong(),1000);3. 编写一个HTML网页，在网页的左右两端各增加一张图片广告，且这两张图片广告可以跟随页面一起上下滚动，无论页面滚动到何处，图片在浏览器中的显示位置相对固定。var newtop=0; var newleft=0; if (navigator.appName = Netscape) ; layerStyleRef=layer.;layerRef=document.layers; styleSwitch=; ; else; ; layerStyleRef=layer.style.; layerRef=document.all;styleSwitch=.style; ; function doMouseMove() ; layerName = iit; eval(var curElement=+layerRef+layerName+)eval(layerRef+layerName+styleSwitch+.visibility=hidden); eval(curElement+styleSwitch+.visibility=visible)eval(newleft=document.body.clientWidth-curElement+styleSwitch+.pixelWidth)eval(newtop=document.body.clientHeight-curElement+styleSwitch+.pixelHeight)eval(height=curElement+styleSwitch+.height)eval(width=curElement+styleSwitch+.width) width=parseInt(width) height=parseInt(height) if (event.clientX (document.body.clientWidth - 5 - width) newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width else newleft=document.body.scrollLeft + event.clientX eval(curElement+styleSwitch+.pixelLeft=newleft) if (event.clientY (document.body.clientHeight - 5 - height) newtop=document.body.clientHeight + document.body.scrollTop - 5 - height else newtop=document.body.scrollTop + event.clientY eval(curElement+styleSwitch+.pixelTop=newtop) document.onmousemove = doMouseMove; if (navigator.appName = Netscape) else document.write()document.write() document.write() 4. 编写一个HTML网页，当鼠标在页面上移动时，有一张图片跟随鼠标一起移动。var newtop=0; var newleft=0; if (navigator.appName = Netscape) ; layerStyleRef=layer.;layerRef=document.layers; styleSwitch=; ; else; ; layerStyleRef=layer.style.; layerRef=document.all;styleSwitch=.style; ; function doMouseMove() ; layerName = iit; eval(var curElement=+layerRef+layerName+)eval(layerRef+layerName+styleSwitch+.visibility=hidden); eval(curElement+styleSwitch+.visibility=visible)eval(newleft=document.body.clientWidth-curElement+styleSwitch+.pixelWidth)eval(newtop=document.body.clientHeight-curElement+styleSwitch+.pixelHeight)eval(height=curElement+styleSwitch+.height)eval(width=curElement+styleSwitch+.width) width=parseInt(width) height=parseInt(height) if (event.clientX (document.body.clientWidth - 5 - width) newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width else newleft=document.body.scrollLeft + event.clientX eval(curElement+styleSwitch+.pixelLeft=newleft) if (event.clientY (document.body.clientHeight - 5 - height) newtop=document.body.clientHeight + document.body.scrollTop - 5 - height else newtop=document.body.scrollTop + event.clientY eval(curElement+styleSwitch+.pixelTop=newtop) document.onmousemove = doMouseMove; if (navigator.appName = Netscape) else document.write()document.write() document.write() 5. 编写一个HTML网页，在该网页上有一张图片，且在浏览器状态栏中显示有关图片的说明文字。单击图片时，将更换成另一张图片，同时状态栏的内容也做相应的变更。var newtop=0; var newleft=0; if (navigator.appName = Netscape) ; layerStyleRef=layer.;layerRef=document.layers; styleSwitch=; ; else; ; layerStyleRef=layer.style.; layerRef=document.all;styleSwitch=.style; ; function doMouseMove() ; layerName = iit; eval(var curElement=+layerRef+layerName+)eval(layerRef+layerName+styleSwitch+.visibility=hidden); eval(curElement+styleSwitch+.visibility=visible)eval(newleft=document.body.clientWidth-curElement+styleSwitch+.pixelWidth)eval(newtop=document.body.clientHeight-curElement+styleSwitch+.pixelHeight)eval(height=curElement+styleSwitch+.height)eval(width=curElement+styleSwitch+.width) width=parseInt(width) height=parseInt(height) if (event.clientX (document.body.clientWidth - 5 - width) newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width else newleft=document.body.scrollLeft + event.clientX eval(curElement+styleSwitch+.pixelLeft=newleft) if (event.clientY (document.body.clientHeight - 5 - height) newtop=document.body.clientHeight + document.body.scrollTop - 5 - height else newtop=document.body.scrollTop + event.clientY eval(curElement+styleSwitch+.pixelTop=newtop) document.onmousemove = doMouseMove; if (navigator.appName = Netscape) else document.write()document.write() document.write() 6. 编写一个HTML网页，在网页中显示一个注册表单，包括“用户名”、“密码”、“确认密码”、“QQ号码”、“电子邮箱”五个文本框或密码框，以及如下所示图片按钮。用户注册function IsDigit(cCheck)return (0=cCheck) & (cCheck=9);function IsAlpha(cCheck)return (a=cCheck) & (cCheck=z) | (A=cCheck) & (cCheck=Z)function IsValid()var struserName = reg.UserName.value;for (nIndex=0; nIndexstruserName.length; nIndex+)cCheck = struserName.charAt(nIndex);if (!(IsDigit(cCheck) | IsAlpha(cCheck)return false;return true;function chkEmail(str)return str.search(/w-1,w-1,.w-1,/)=0?true:falsefunction docheck()if(reg.UserName.value=)alert(请填写用户名);return false;else if(!IsValid()alert(用户名只能使用字母和数字);return false;else if(reg.UserPassword.value=)alert(请填写密码);return false;else if(reg.UserPassword.value != reg.CUserPassword.value)alert(两次密码不一致);return false;else if(reg.NickName.value =)alert(请填写昵称);return false;else if(reg.Email.value =)alert(请填写邮箱);return