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

1、JavaScript的几个基础代码实例 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_picli float:left; margin:0 9px; border:1px; #small_picim

2、g border:1px 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.b

3、orderColor=#fff; var bigpic=document.getElementById(big_pic).getElementsByTagName(img)0; this.style.borderColor=red; bigpic.src=this.src.replace(small,big); /window.alert(133); div width:75px; float:left; select width:75px; height:100px; #width width:30px; height:20px; margin:80px 40px; /*var Name=n

4、ew Array(); Name0=李四; Name1=王五; Name2=向向; Name3=多多; window.onload=function() /alert(Name.length); var can=document.getElementsByName(candidate)0; for(var i=0;iName.length;i+) varnewoption=document.createElement(option); newoption.text=Namei; can.appendChild(newoption); */ /*window.onload=function()

5、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; varvlue=b.text; a.removeChild(b); var join=document.getElementsByName(join)0

6、; varnewNode=document.createElement(option); newNode.text=vlue; join.appendChild(newNode); 待选名单 李四 张三 向向 多多 参加人员 Documentselect width:100px; height: 100px; #form_left,#form_center,#form_right float:left; #form_center margin:50px 20px; function move() varleft_sel=document.getElementsByName(daixuan)0;

7、/获取待选列表框 varright_sel=document.getElementsByName(canjia)0;/获取参加列表框 varoption_sel=left_sel.optionsleft_sel.selectedIndex;/获取待选列表框中当前 varnew_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_

8、sel.selectedIndex); 待选名单 张三 李四 王五 陈六 onclick=move() 参加人员 Document div float: left; margin-right: 20px; var province = new Array(); var city = new Array(); province0 = 河南; city0 = 安阳,郑州,新乡,鹤壁; province1 = 江苏; city1 = 南京,苏州,扬州,徐州; window.onload = function() prepare(); varprovinceSel = document.getElem

9、entsByName(province)0; provinceSel.onchange = changeCity; changeCity(); function prepare() varprovinceSel = document.getElementsByName(province)0; for (var i = 0; i province.length; i+) varnewOption = document.createElement(option); newOption.text = provincei; newOption.value = provincei; provinceSe

10、l.add(newOption, null); functionchangeCity() varprovinceSel = document.getElementsByName(province)0; varcitySel = document.getElementsByName(city)0; citySel.length = 0; var i = provinceSel.selectedIndex; varcitys = cityi.split(,); for (var j = 0; j citys.length; j+) varnewOption = document.createEle

11、ment(option); newOption.text = citysj; citySel.add(newOption, null); 省份 城市 Documentfunction $(id)returndocument.getElementById(id); window.onload = function() varregForm = $(regForm); var username = regForm.username; varpwd = regForm.pwd; varrePwd = regForm.rePwd; var email = regForm.email; username

12、.onblur = checkUsername;pwd.onblur = checkPwd; rePwd.onblur = checkRePwd; email.onblur = checkEmail;66544regForm.onsubmit = checkForm; functioncheckForm(e) varformGood = true; if (checkUsername() formGood = false; if (checkPwd() formGood = false; if (checkRePwd() formGood = false; if (checkGender()

13、formGood = false; if (checkEmail() formGood = false; if (!formGood) e.preventDefault(); functioncheckUsername() varusernameTxt = $(regForm).username.value;if (!/.+/.test(usernameTxt) $(usernameError).innerHTML = 必须填写用户名;return true; else if (!/w+$/.test(usernameTxt) $(usernameError).innerHTML = 用户名需

14、由字母、数字或下划线组成;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; functioncheckPwd()varpwdTxt

15、= $(regForm).pwd.value;varrePwdTxt = $(regForm).rePwd.value;if (pwdTxt.length = 0) $(pwdError).innerHTML = 必须输入密码;return true; else if (pwdTxt.length16) $(pwdError).innerHTML = 密码长度为616个字符;return true; else if (rePwdTxt.length = 0) $(pwdError).innerHTML = ; else if(rePwdTxt.length 0 &pwdTxt != rePwd

16、Txt) $(pwdError).innerHTML = ; $(rePwdError).innerHTML = 两次输入的密码不一致; else $(pwdError).innerHTML = ; $(rePwdError).innerHTML = ;return false; functioncheckRePwd() varpwdTxt = $(regForm).pwd.value; varrePwdTxt = $(regForm).rePwd.value;if (rePwdTxt.length = 0) $(rePwdError).innerHTML = 必须输入重复密码;return

17、true; else if (pwdTxt.length 0 &pwdTxt != rePwdTxt) $(rePwdError).innerHTML = 两次输入的密码不一致; return true; else $(rePwdError).innerHTML = ; return false; functioncheckGender()var gender = $(regForm).gender;flag = 0;for (var i = 0; i gender.length; i+) if (genderi.checked = true) flag = 1; if (flag = 0)

18、$(genderError).innerHTML = 必须选择性别;return true; else $(genderError).innerHTML = ;return false; functioncheckEmail() varemailTxt=$(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; 用户名 密码 重复密码 性别男女 邮箱 meta char