javascript_上课代码
<html> <head> <!-- js-23 表单验证-2 --> <style> span {color:red;font-size:10} </style> <script> var rules = [ "name.length<2 || "+ "name.length>8 ", "pwd1.length<6 ", "pwd2.length<6 || "+ "pwd1 != pwd2", "name.length<2 || "+ "name.length>8 || "+ "pwd_1.length<6 || "+ "pwd_2.length<6 || "+ "pwd_1 != pwd_2"]; function check_username(){ var rule = rules; var name = form1.username.value; var n = document.getElementById("nerror"); if(eval(rule)){ n.innerHTML="用户名长度2-8个字符!"; }else{ n.innerHTML=""; } } function check_pwd1(){ var rule = rules ; var pwd1 = form1.pwd1.value; var p = document.getElementById("p1error"); if(eval(rule)){ p.innerHTML="密码长度必须长于6个字符!"; }else{ p.innerHTML=""; } } function check_pwd2(){ var rule = rules; var pwd1 = form1.pwd1.value; var pwd2 = form1.pwd2.value; var p = document.getElementById("p2error"); if(eval(rule)){ p.innerHTML="长度须长于6个字符/两次输须相同!"; }else{ p.innerHTML=""; } } function check(){ var rule = rules; var r = true; with(form1){ var name = username.value; var pwd_1 = pwd1.value; var pwd_2 = pwd2.value; if(eval(rule)){ r = false; } } return r; } </script> </head> <body> <table height="10%"><tr><td></td></tr></table> <table align="center"> <form action="" name="form1"> <tr align="center" bgcolor="#FFFFCC"> <td colspan="2">注册表格</td> </tr> <tr> <td>姓名:</td> <td> <input type="text" name="username" /> <span id="nerror"></span> </td> </tr> <tr> <td>密码:</td> <td> <input type="password" name="pwd1" /> <span id="p1error"></span> </td> </tr> <tr> <td>再次输入密码:</td> <td> <input type="password" name="pwd2" /> <span id="p2error"></span> </td> </tr> <tr> <td>性别:</td> <td> 男<input type="radio" name="gender" value="male" checked/> 女<input type="radio" name="gender" value="female" /> </td> </tr> <tr> <td>学历:</td> <td> <select name="xueli"> <option value="gaozhong">高中 <option value="dazhuan">大专 <option value="daben">大本 <option value="yanjiusheng">研究生 </select> </td> </tr> <tr> <td>爱好:</td> <td> 游泳<input type="checkbox" name="hubby" value="swimming"/> 旅游<input type="checkbox" name="hubby" value="travel"/> 足球<input type="checkbox" name="hubby" value="football"/> 篮球<input type="checkbox" name="hubby" value="basketball"/> 排球<input type="checkbox" name="hubby" value="valleyball"/> </td> </tr> <tr> <td>简历:</td> <td> <textarea name="resume" cols="20" rows="3"></textarea> </td> </tr> <tr align="center" bgcolor="#FFFFCC"> <td colspan="2"> <input type="submit" /> </td> </tr> </form> </table> <body></html>********************************************<html><head><title>注册页面</title> <script language="javascript" type="text/javascript"> function showExtends(){ var table = document.getElementById("extends"); var display = table.style.display; if( display == 'none') { table.style.display = 'block'; }else if( display == 'block') { table.style.display = 'none'; } } function init() { var user = document.getElementById("username"); user.focus(); } </script></head><body ><h1 align="center">注册页面</h1><hr><formaction=""><table align="center" border="1" width="700" height="160"><tr> <td colspan="2"align="center"><i><b>注册信息</b></i></td></tr><tr> <td width="250">用户名：</td> <td><input id="username" type="text" name="username"/></td></tr><tr> <td >密码：</td> <td><input type="password" name="pwd"/></td></tr><tr> <td >确认密码：</td> <td><input type="passeord" name="surepwd"/></td></tr><tr> <td >高级选项：</td> <td><input type="checkbox" name="gaoji" value="xuanxiang" />显示用户扩展信息设置选项</td></tr></form></table><hr><formaction=""><table id="extends" align="center" border="1" width="700" height="300" style="display:none"><tr> <td colspan="2"align="center"><i><b>扩展信息</b></i></td></tr><tr> <td width="250">安全问题：</td> <td><select name="anquan"> <option value="wu">无安全问题 <option value="anquan1">你的名字 <option value="anquan2">你的年龄 </select> </td></tr><tr> <td >回答：</td> <td><input type="text" name="answer"/></td></tr><tr> <td >性别：</td> <td>男<input type="radio" name="gender" value="male" checked/> 女<input type="radio" name="gender" value="female" /></td></tr><tr> <td >生日：</td> <td><input type="text" name="answer" value="YYYY-MM-DD" /></td></tr><tr> <td >爱好：</td> <td> <input type="checkbox" name="hubby" value="shangwang"/>上网 <input type="checkbox" name="hubby" value="liaotian"/>聊天 <input type="checkbox" name="hubby" value="xuexi"/>学习<br> <input type="checkbox" name="hubby" value="youxi"/>游戏 <input type="checkbox" name="hubby" value="lanqiu"/>篮球 <input type="checkbox" name="hubby" value="football"/>足球 </td></tr><tr> <td >个人介绍：</td> <td> <textarea name="resume" cols="40" rows="3"></textarea> </td></tr><tr> <td colspan="2"align="center"> <input type="submit" name="submit1" value="提交"/> <input type="submit" name="reset1" value="重置"/></td> </tr></form></body></html> ********************************************<html><head> <title>javascipt</title> <script src="1.js"></script> <script> function myopen(){ window.open('http://www.hao123.com'); } </script></head><body> <input type="button" value="Click me 1" /> <br> <input type="button" value="Click me 2" /> <br> <input type="button" value="Click me 3" /></body></html><!-- 1.jsfunction myopen2(){ window.open('http://www.hao123.com');} -->***********************************************************<html><head> <script> function sayHello(){ var c=confirm("hao ma?"); if(c){ var m=prompt("xing:"); alert(m+"你好 huanying"); } else{ alert("888"); } } sayHello(); </script></head><body></body></html>******************************************************** <html><head> <script> var x = "hello"; function sayHello(msg){ var x = 500; document.write(x) } sayHello("你好"); document.write("<br>"+x); </script></head><body></body></html>***********************************************************<html><head> <!-- js-10 计时器-1 网页时钟 --> <style> div{background-color:yellow} </style> <script> var tid = null; function flush_timer(){ var date = new Date(); var timer = document.getElementById("timer"); timer.innerHTML=date.toLocaleString(); } function start(){ if(tid==null){ tid = setInterval("flush_timer()",1000); } } function stop(){ if(tid!=null){ clearInterval(tid); tid = null; } } </script> <body> <table align="center"> <tr> <td> <div id="timer"></div> </td> </tr> <tr> <td> <input type="button" value="开始" /> <input type="button" value="停止" /> </td> </tr> </table> </body></head></html>****************************************<html><head> <!-- js-11 计时器-2 自动滚屏 --> <script> var tid = null; function auto_scroll(){ window.scrollBy(0,1); } function start(){ if(tid==null){ tid = setInterval("auto_scroll()",20); } } function stop(){ if(tid!=null){ clearInterval(tid); tid = null; } } </script> <body> <table align="center"> <tr> <td> <input type="button" value="开始" /> <input type="button" value="停止" /> </td> </tr> </table> </body></head></html>**************************************************<html><head> <!-- js-14 窗口最大化 --> <script> function resize_to_largest(){ moveTo(0,0); resizeTo(screen.width,screen.height); } </script></head><body> <div >Click me to largest!</div></body></html> ***************************************************history的使用<html> <head> <script> </script> </head> <body> <h2>本页为history16.html</h2> <div >上一页</div> <div >下一页</div> <div >刷新</div> <a href="history17.html">history17.html</a> </body></html><html> <head> <script> </script> </head> <body> <h2>本页为history17.html</h2> <div >上一页</div> <div >下一页</div> <div >刷新</div> <a href="history18.html">history18.html</a> </body></html> <html> <head> <script> </script> </head> <body> <h2>本页为history18.html</h2> <div >上一页</div> <div >下一页</div> <div >刷新</div> <a href="history16.html">history16.html</a> </body></html>********************************************************<html> <head> <style> </style> <script> var tid = null; var step=10; function move_new(){ if(window.screenX>300){ step =-10; } if(window.screenX<100){ step =10; } moveBy(step, 0); } function start(){ if (tid == null) { tid = window.setInterval("move_new()", 20); } } function stop(){ if (tid != null) { window.clearInterval(tid); tid = null; } } </script> </head> <body> <table> <tr bgcolor="pink"> <td> <div id="timer"> </div> </td> </tr> <tr> <td> <input type="button" value="移动" /> <input type="button" value="停止" /> </td> </tr> </table> </body></html>**************************************<html><head> <!-- js-19navigator --> <script> function getInfo(){ var info = ""; for(var prop in navigator){ info = info + prop + "="+navigator+"<br>"; } document.write(info); } getInfo(); </script></head><body></body></html> ************************************<html><head> <!-- js-20location --> <script> function changePage(){ alert("当前url:"+location.href); location.replace("http://bbs.tarena.com.cn"); } </script></head><body> <div >改变url</div></body></html> **************************************<html><head> <!-- js-21冒泡 --> </head><body> <form name="form1" > <input type="button" value="冒泡" /> </form> </body></html>
页:
[1]