JavaScript的几个基础代码实例.docx

for(var i=1;i21;i+)if(i10)document.write();else document.write();if(i%5=0)document.write();Document * margin:0; padding:0; ul list-style:none; #goods_show width:430px; margin:0 auto; #small_pic margin-top:20px; #small_pic li float:left; margin:0 9px;border:1px; #small_pic img border:2px solid #fff; window.onload=function()var img=document.getElementById(small_pic).getElementsByTagName(img);for(var i=0;iimg.length;i+)imgi.onmouseover=change;function change()var img=document.getElementById(small_pic).getElementsByTagName(img)for(var i=0;iimg.length;i+)imgi.style.borderColor=#fff;var bigpic=document.getElementById(big_pic).getElementsByTagName(img)0;this.style.borderColor=red;bigpic.src=this.src.replace(small,big);/window.alert(133); divwidth:75px;float:left;selectwidth:75px;height:100px;#widthwidth:30px;height:20px;margin:80px 40px;/*var Name=new Array();Name0=李四;Name1=王五;Name2=向向;Name3=多多;window.onload=function()/alert(Name.length);var can=document.getElementsByName(candidate)0;for(var i=0;iName.length;i+)var newoption=document.createElement(option);newoption.text=Namei;can.appendChild(newoption);*/*window.onload=function()var can=document.getElementsByName(candidate)0;for(var i=0;ican.length;i+)can.onchange=bang;*/function bang()var a=document.getElementsByName(candidate)0;var i=a.selectedIndex;/var b=a.getElementsByTagName(option)i;var vlue=b.text;a.removeChild(b);var join=document.getElementsByName(join)0;var newNode=document.createElement(option);newNode.text=vlue;join.appendChild(newNode); 待选名单李四张三向向多多 参加人员 Document select width:100px; height: 100px;#form_left,#form_center,#form_rightfloat:left;#form_centermargin:50px 20px; function move()var left_sel=document.getElementsByName(daixuan)0;/获取待选列表框var right_sel=document.getElementsByName(canjia)0;/获取参加列表框var option_sel=left_sel.optionsleft_sel.selectedIndex;/获取待选列表框中当前var new_option=document.createElement(option);new_option.value=option_sel.value;new_option.text=option_sel.text;right_sel.add(new_option, null);left_sel.remove(left_sel.selectedIndex); 待选名单 张三 李四 王五 陈六 onclick=move()参加人员 Documentdivfloat: left;margin-right: 20px;var province = new Array();var city = new Array();province0 = 河南;city0 = 安阳,郑州,新乡,鹤壁;province1 = 江苏;city1 = 南京,苏州,扬州,徐州;window.onload = function()prepare();var provinceSel = document.getElementsByName(province)0;provinceSel.onchange = changeCity;changeCity();function prepare()var provinceSel = document.getElementsByName(province)0;for (var i = 0; i province.length; i+) var newOption = document.createElement(option);newOption.text = provincei;newOption.value = provincei;provinceSel.add(newOption, null);function changeCity()var provinceSel = document.getElementsByName(province)0;var citySel = document.getElementsByName(city)0;citySel.length = 0;var i = provinceSel.selectedIndex;var citys = cityi.split(,);for (var j = 0; j citys.length; j+) var newOption = document.createElement(option);newOption.text = citysj;citySel.add(newOption, null);省份城市 Document function $(id) return document.getElementById(id); window.onload = function() var regForm = $(regForm); var username = regForm.username; var pwd = regForm.pwd; var rePwd = regForm.rePwd; var email = regForm.email; username.onblur = checkUsername; pwd.onblur = checkPwd; rePwd.onblur = checkRePwd; email.onblur = checkEmail;66544 regForm.onsubmit = checkForm; function checkForm(e) var formGood = true; if (checkUsername() formGood = false; if (checkPwd() formGood = false; if (checkRePwd() formGood = false; if (checkGender() formGood = false; if (checkEmail() formGood = false; if (!formGood) e.preventDefault(); function checkUsername() var usernameTxt = $(regForm).username.value; if (!/.+/.test(usernameTxt) $(usernameError).innerHTML = 必须填写用户名; return true; else if (!/w+$/.test(usernameTxt) $(usernameError).innerHTML = 用户名需由字母、数字或下划线组成; return true; else if (!/w6,18$/.test(usernameTxt) $(usernameError).innerHTML = 用户名长度必须是618个字符之间; return true; else if (!/(a-z|A-Z)w5,17$/.test(usernameTxt) $(usernameError).innerHTML = 用户名英文字母开头; return true; else $(usernameError).innerHTML = ; return false; function checkPwd() var pwdTxt = $(regForm).pwd.value; var rePwdTxt = $(regForm).rePwd.value; if (pwdTxt.length = 0) $(pwdError).innerHTML = 必须输入密码; return true; else if (pwdTxt.length 16) $(pwdError).innerHTML = 密码长度为616个字符; return true; else if (rePwdTxt.length = 0) $(pwdError).innerHTML = ; else if(rePwdTxt.length 0 & pwdTxt != rePwdTxt) $(pwdError).innerHTML = ; $(rePwdError).innerHTML = 两次输入的密码不一致; else $(pwdError).innerHTML = ; $(rePwdError).innerHTML = ; return false; function checkRePwd() var pwdTxt = $(regForm).pwd.value; var rePwdTxt = $(regForm).rePwd.value; if (rePwdTxt.length = 0) $(rePwdError).innerHTML = 必须输入重复密码; return true; else if (pwdTxt.length 0 & pwdTxt != rePwdTxt) $(rePwdError).innerHTML = 两次输入的密码不一致; return true; else $(rePwdError).innerHTML = ; return false; function checkGender() var gender = $(regForm).gender; flag = 0; for (var i = 0; i gender.length; i+) if (genderi.checked = true) flag = 1; if (flag = 0) $(genderError).innerHTML = 必须选择性别; return true; else $(genderError).innerHTML = ; return false; function checkEmail() var emailTxt=$(regForm).email.value; if (emailTxt.length = 0) $(emailError).innerHTML = 必须输入邮箱; return true; else if (!/w+(.-?w+)*w+(.-?w+)*(.w2,3)+$/.test(emailTxt) $(emailError).innerHTML=非法的EMAIL格式; return true; else $(emailError).innerHTML=; return false; 用户名 密码 重复密码 性别男女 邮箱 Document function $(id) return document.getElementById(id); window.onload = function() var regForm = $(regForm); var username = regForm.username; var pwd = regForm.pwd; var rePwd = regForm.rePwd; var email = regForm.email; username.onblur = checkUsername; pwd.onblur = checkPwd; rePwd.onblur = checkRePwd; email.onblur = checkEmail; regForm.onsubmit = checkForm; function checkForm(e) var formGood = true; if (checkUsername() formGood = false; if (checkPwd() formGood = false; if (checkRePwd() formGood = false; if (checkGender() formGood = false; if (checkEmail() formGood = false; if (!formGood) e.preventDefault(); function checkUsername() var usernameTxt = $(regForm).username.value; if (usernameTxt.length = 0) $(usernameError).innerHTML = 必须填写用户名; return true; else if (usernameTxt.length 18) $(usernameError).innerHTML = 用户名长度必须是618个字符之间; return true; else if (usernameTxt.charAt(0) = 0 & usernameTxt.charAt(0) = 9) $(usernameError).innerHTML = 用户名不能以数字开头; return true; else $(usernameError).innerHTML = ; return false; function checkPwd() var pwdTxt = $(regForm).pwd.value; var rePwdTxt = $(regForm).rePwd.value; if (pwdTxt.length = 0) $(pwdError).innerHTML = 必须输入密码; return true; else if (pwdTxt.length 16) $(pwdError).innerHTML = 密码长度为616个字符; return true; else if (rePwdTxt.length = 0) $(pwdError).innerHTML = ; else if(rePwdTxt.length 0 & pwdTxt != rePwdTxt) $(pwdError).innerHTML = ; $(rePwdError).innerHTML = 两次输入的密码不一致; else $(pwdError).innerHTML = ; $(rePwdError).innerHTML = ; return false; function checkRePwd() var pwdTxt = $(regForm).pwd.value; var rePwdTxt = $(regForm).rePwd.value; if (rePwdTxt.length = 0) $(rePwdEr