js-第十三章其他知识

上传人:san****019 文档编号:71172198 上传时间:2019-01-19 格式:PPT 页数:13 大小:496.31KB
返回 下载 相关 举报
js-第十三章其他知识_第1页
第1页 / 共13页
js-第十三章其他知识_第2页
第2页 / 共13页
js-第十三章其他知识_第3页
第3页 / 共13页
js-第十三章其他知识_第4页
第4页 / 共13页
js-第十三章其他知识_第5页
第5页 / 共13页
点击查看更多>>
资源描述

《js-第十三章其他知识》由会员分享,可在线阅读,更多相关《js-第十三章其他知识(13页珍藏版)》请在金锄头文库上搜索。

1、第十三章 其他知识,目录,元素大小单位,1,层定位,2,动态创建元素,3,元素大小单位,通过dom读取元素的top、left、width、height等取到的不是数字,而是“10px”字符串 要修改元素大小,为兼容浏览器,最好指定单位 如果要动态改变元素大小,应该先取出元素的大小,然后用parseInt将大小转换为数字,再加上固定长度,最后再加上px,层定位,元素的position样式值:static,absolute、fixed、relative 动态修改元素坐标,一般使用absolute,然后修改元素的top、left两个样式值 IE中body事件范围 Body事件如果页面没有满,只相应到

2、最后一个元素 如果想再整个页面都响应,应该在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); ,i

3、nnerText和innerHTML,几乎所有的dom元素都有innerText和innerHTML,可以读写 表示标签元素内容的文本表示和html源代码 innerHTML也可以代替createElement 练习: 1.点击按钮增加一个超链接 2.点击按钮动态增加网站列表,分两列,第一列为网站名字,第二列为带网站超链接的网站名。可以增加常见网站 作业:给自己的网站添加留言布,能动态显示用户的留言,动态添加表格兼容问题,Ie6,ie7对appenChild(“tr”)的支持和ie8不一样,用insertRow,inertCell来代替。FF不支持innerText Var tr=table1

4、.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(“d5”) Var regex=/d5/ /表达式/是js专门为简化正则表达式编写二提供的语法 RegExp对象的方法: Test(str)判断字符串str是否匹配正则表达式相当于i

5、smatch(c#) Var regex=/.+.+/ alert(regex.test(“”) alert(regex.test(“”) Exec(str)进行搜索匹配,返回值为匹配结果 Compile编译表达式,提高运行速度,String的正则表达式方法,String对象提供了一些与正则表达式相关的方法,相当于对于RegExp类的包装, Match(regexp),相当于调用exec var s=; 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-91,20$/ 校验邮政编码:/a-zA-Z0-9 3,12$/ 校验密码:只能输入6-20个字母、数字、下划线 /(w)6,20$/,总结,什么是正则表达式 创建正则表达式 Var regex=new RegExp(“d5”) Var regex=/d5/ String的正则表达式方法,Thank You !,

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 高等教育 > 大学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号