JS-第十三章其他知识.ppt

第十三章其他知识,目录,元素大小单位,1,层定位,2,动态创建元素,3,元素大小单位,通过dom读取元素的top、left、width、height等取到的不是数字，而是“10px”字符串要修改元素大小，为兼容浏览器，最好指定单位如果要动态改变元素大小，应该先取出元素的大小，然后用parseInt将大小转换为数字，再加上固定长度，最后再加上px,层定位,元素的position样式值：static，absolute、fixed、relative动态修改元素坐标，一般使用absolute，然后修改元素的top、left两个样式值IE中body事件范围Body事件如果页面没有满，只相应到最后一个元素如果想再整个页面都响应，应该在document上监听事件,动态创建元素,Document.write可以调用document的createElement方法来创建具有指定标签的dom对象，然后通过appendChild方法将新元素添加到响应位置：Functionshowit()vardivMain=document.getElemetnByid(“divmain”);varbtn=document.createElement(“input”);btn.type=“button”;btn.value=“确定”；divmain.appendChild(btn);,innerText和innerHTML,几乎所有的dom元素都有innerText和innerHTML，可以读写表示标签元素内容的文本表示和html源代码innerHTML也可以代替createElement练习:1.点击按钮增加一个超链接2.点击按钮动态增加网站列表，分两列，第一列为网站名字，第二列为带网站超链接的网站名。可以增加常见网站作业：给自己的网站添加留言布，能动态显示用户的留言,动态添加表格兼容问题,Ie6，ie7对appenChild（“tr”）的支持和ie8不一样，用insertRow，inertCell来代替。FF不支持innerTextVartr=table1.insertRow（-1）；/ff必须加-1Vartd1=tr.insertCell(-1)Td1.innerHTML=“百度”,优先级顺序,1转义符2(),(?,(?=),圆括号和方括号3*,+,?,n,n,n,m限定符4,$,anymetacharacter位置和顺序5|“或”操作,Js中使用正则表达式,创建正则表达式类的方法Varregex=newRegExp(“d5”)Varregex=/d5/表达式/是js专门为简化正则表达式编写二提供的语法RegExp对象的方法：Test(str)判断字符串str是否匹配正则表达式相当于ismatch（c#）Varregex=/.+.+/alert(regex.test(“a”)alert(regex.test(“”)Exec(str)进行搜索匹配，返回值为匹配结果Compile编译表达式，提高运行速度,String的正则表达式方法,String对象提供了一些与正则表达式相关的方法，相当于对于RegExp类的包装，Match(regexp),相当于调用execvars=aa;Varregex=/(.+)(.+)/;Varmatch=s.mstch(regex);Alert(RegExp.$1+”,服务器：”+RegExp.$2);,常用的正则表达式,邮件地址：/(a-zA-Z0-9_-)+(a-zA-Z0-9_-)+(.a-zA-Z0-9_-)+/校验是否全由数字组成:/0-91,20$/校验邮政编码:/a-zA-Z0-93,12$/校验密码：只能输入6-20个字母、数字、下划线/(w)6,20$