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

第十三章 其他知识 目录 元素大小单位 通过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方法将新元素添加到响应位置： Function showit(){ var divMain=document.getElemetnByid(“divmain”);var btn=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不支持innerText Var tr=table1.insertRow（-1）；//ff必须加-1 Var td1=tr.insertCell(-1) Td1.innerHTML=“百度” 优先级顺序 1．\ 转义符 2．(), (?, (?=), [] 圆括号和方括号 3．*, +, ?, {n}, {n,}, {n,m} 限定符 4．^, $, \anymetacharacter 位置和顺序 5．|“或”操作 Js中使用正则表达式 创建正则表达式类的方法 Var regex=new RegExp(“\\d{5}”) Var regex=/\d{5}/ /表达式/是js专门为简化正则表达式编写二提供的语法 RegExp对象的方法： Test(str)判断字符串str是否匹配正则表达式相当于ismatch（c#） Var regex=/.+@.+/ alert(regex.test(“a@”)) alert(regex.test(“”)) Exec(str)进行搜索匹配，返回值为匹配结果 Compile编译表达式，提高运行速度 String的正则表达式方法 String对象提供了一些与正则表达式相关的方法，相当于对于RegExp类的包装， Match(regexp),相当于调用exec var s=aa@; Var regex=/(.+)@(.+)/; Var match=s.mstch(regex); Alert(RegExp.$1+”,服务器：”+RegExp.$2); 常用的正则表达式 邮件地址：/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 校验是否全由数字组成:/^[0-9]{1,20}$/ 校验邮政编码:/^[a-zA-Z0-9 ]{3,12}$/ 校验密码：只能输入6-20个字母、数字、下划线 /^(\w){6,20}$/ 总结 什么是正则表达式 创建正则表达式 Var regex=new RegExp(“\\d{5}”) Var regex=/\d{5}/ String的正则表达式方法 * * 元素大小单位 1 层定位 2 动态创建元素 3 *