javaee分校课件day04-javascript与dom笔记

1、Javascript-随机浮动练Javascript 是可以操作页面上元素 cssJavascript-随机浮动练Javascript 是可以操作页面上元素 css分析widthheight,css的位置可以通过 Math.random()来获取随机坐标通过erval()练习 2-左移与右移操功能实现分析xml dom ementsByTagNameselect功能实现分析xml dom ementsByTagNameselect。htmldomselect optionsselectedselectoptionselectedIndex可以通过xmldom的appendChildselect

2、元素的dom 的add!DOCTYPEmetahttp-equiv=keywordsmetahttp-equiv=descriptioncontent=thisismymetahttp-equiv=content-typecontent=text/html;charset=UTF-scriptfunctionmoveRightOnly() /1.id=leftid=rightvar ement = var ement = /2.select/2.1得到ement下的所有options元/varops= varops=ement.options;/htmlvarindex = varopopsi

3、ndex;/options/3.selectement.appendChild(op);/xmlement.add(op);/htmlfunctionmoveRightMany() /1.id=leftid=rightement var ement /2.获取左边select/2.1 select ement var ement /2.获取左边select/2.1 select option varops=/2.2 selectoptionselected属性来判for(var /3.select移动了元素后，剩下的元素还可以被判断到tableselectid=leftmultiple=mul

4、tipleinputtype=buttonvalue=input type=button value=selectid=rightmultiple=multiplevar 练习 3-完成关于购物品操需求点击加的按钮将数量2:怎样获取库存 这段代码获取的是 txt.parentNode.nextSibling.nextSibling练习 3-完成关于购物品操需求点击加的按钮将数量2:怎样获取库存 这段代码获取的是 txt.parentNode.nextSibling.nextSibling页面后，会生成一个而trparentNode数字文本原理:0-9 keyCode2:ie扩展:ie与fire

5、foxie浏览器下获也能键码值 firefox 浏览器下使用的是 在Ie浏览ie扩展:ie与firefoxie浏览器下获也能键码值 firefox 浏览器下使用的是 在Ie浏览器Firefox默认行练习 4-省市二级联xmlXml的数据在xml文件问题:xml function问题:xml functionloadXml(filename) var xmlDoc;tryernetxmlDoc=new catch (e) try/Firefox,Mozilla,Opera,xmlDoc(, catch (e) tryxmlDoc.async = false; catch (e) return!D

6、OCTYPEmetahttp-equiv=keywordsmetahttp-equiv=descriptioncontent=thisismymetahttp-equiv=content-typecontent=text/html;charset=UTF-!DOCTYPEmetahttp-equiv=keywordsmetahttp-equiv=descriptioncontent=thisismymetahttp-equiv=content-typecontent=text/html;charset=UTF- scriptvar /1.当页面加载完成后，调用loadXml方法得到xml文件对

7、象.window.onload=function()varprovinceElementementById(province);/得到省份下拉/2.得到xml文件对象doc= /3.xmldomvarps =for( var i =0; i ps.length;i+) 的name属性varpname=/5.optiontextoptionid=province中varop op.text =functionfun()/1.varprovinceElementvarcityElementementById(city);/得到城市下拉varpname=/2.使用pname 在source.xml

8、文件中查找出对应的城varpname=/2.使用pname 在source.xml 文件中查找出对应的城市信varps =/3.遍历ps,得到所有的for( var i =0; i ps.length;i+) 的name属性varprovincename= /5.使用pname与provincename 对比，得到对应的var for(var var Child.nodeValue;/得到城市名/创建一个varop /设置optiontext 值为op.text=/将optioncity selectid=province练习5-表单校用户名长度必须6 位以/s*$/ test()方练习5-表

9、单校用户名长度必须6 位以/s*$/ test()方法来判邮箱格式 6对于表单提交时需要进行校验onsubmit 来进行校注意form !DOCTYPEmetahttp-equiv=keywordsmetahttp-equiv=descriptioncontent=thisismymetahttp-equiv=content-typecontent=text/html;charset=UTF-script function checkForm() select/1.1 得到邮对 Element /1.2 var reg/0/1.3 判断邮箱不为alert(邮箱/1.1 得到邮对 Element

10、 /1.2 var reg/0/1.3 判断邮箱不为alert(邮箱不能为空returnreturn/span /验一 function var var 次输不一致returnreturn / function 对varfieldElement /1.2 var reg/6 /1.3 判断是不符合规ementById(repassword_msg).innerHTML= color=red+fieldName+长度必须 6 位以上returnreturn function color=red+fieldName+长度必须 6 位以上returnreturn function var reg= /(w)+(w)+(.w+)+$/; /邮箱正则格式的正/3.return_msg).innerHTML=+fieldName+