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

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