欢迎来到天天文库
浏览记录
ID:39969266
大小:496.31 KB
页数:13页
时间:2019-07-16
《js-第十三章其他知识》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第十三章其他知识目录元素大小单位1层定位2动态创建元素3元素大小单位通过dom读取元素的top、left、width、height等取到的不是数字,而是“10px”字符串要修改元素大小,为兼容浏览器,最好指定单位如果要动态改变元素大小,应该先取出元素的大小,然后用parseInt将大小转换为数字,再加上固定长度,最后再加上px层定位元素的position样式值:static,absolute、fixed、relative动态修改元素坐标,一般使用absolute,然后修改元素的top、left两
2、个样式值IE中body事件范围Body事件如果页面没有满,只相应到最后一个元素如果想再整个页面都响应,应该在document上监听事件动态创建元素Document.write可以调用document的createElement方法来创建具有指定标签的dom对象,然后通过appendChild方法将新元素添加到响应位置:Functionshowit(){vardivMain=document.getElemetnByid(“divmain”);varbtn=document.createEleme
3、nt(“input”);btn.type=“button”;btn.value=“确定”;divmain.appendChild(btn);}innerText和innerHTML几乎所有的dom元素都有innerText和innerHTML,可以读写表示标签元素内容的文本表示和html源代码innerHTML也可以代替createElement练习:1.点击按钮增加一个超链接2.点击按钮动态增加网站列表,分两列,第一列为网站名字,第二列为带网站超链接的网站名。可以增加常见网站作业:给自己的网站
4、添加留言布,能动态显示用户的留言动态添加表格兼容问题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.^,$,anymetac
5、haracter位置和顺序5.
6、“或”操作Js中使用正则表达式创建正则表达式类的方法Varregex=newRegExp(“\d{5}”)Varregex=/d{5}//表达式/是js专门为简化正则表达式编写二提供的语法RegExp对象的方法:Test(str)判断字符串str是否匹配正则表达式相当于ismatch(c#)Varregex=/.+@.+/alert(regex.test(“a@b.com”))alert(regex.test(“ab.com”))Exec(str)进行搜索匹配
7、,返回值为匹配结果Compile编译表达式,提高运行速度String的正则表达式方法String对象提供了一些与正则表达式相关的方法,相当于对于RegExp类的包装,Match(regexp),相当于调用execvars=aa@sohu.com;Varregex=/(.+)@(.+)/;Varmatch=s.mstch(regex);Alert(RegExp.$1+”,服务器:”+RegExp.$2);常用的正则表达式邮件地址:/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])
8、+(.[a-zA-Z0-9_-])+/校验是否全由数字组成:/^[0-9]{1,20}$/校验邮政编码:/^[a-zA-Z0-9]{3,12}$/校验密码:只能输入6-20个字母、数字、下划线/^(w){6,20}$/总结什么是正则表达式创建正则表达式Varregex=newRegExp(“\d{5}”)Varregex=/d{5}/String的正则表达式方法ThankYou!
此文档下载收益归作者所有