计算机二级Web前端知识点总结(七)
树图思维导图提供 计算机二级Web前端知识点总结(七) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(七) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:be90bec0150d3a8253c89d512f3f0375
计算机二级Web前端知识点总结(七)思维导图模板大纲
原理
Dom对象可以获取html文档的每个标签,以及该标签的属性和内容,并可以对这些标签,属性和内容进行修改从而实现动态的改变网页内容和格式
DOM对象方法总结
getElementById("标签的id属性")
根据标签的id获取标签对象
getElementsByTagName("标签名")
根据标签名获取包含全部标签的数组
getElementsByName("name属性值")
根据标签的name的属性值获取所有标签对象数组
createElement("标签关键字")
根据标签关键字创建标签对象
appendChild(node)
把参数对象添加到父标签内
insertBefore(newnode,oldnode)
为父标签对象增加一个子标签对象
removeChild(node)
为父标签对象删除一个子标签对象
getAttributeNode("属性名")
根据属性名获取属性对象
setAttribute("属性名","属性值")
为标签对象添加一个新的属性或改变它现有属性的值
正则表达式使用场合
客户端表单数据校验
创建正则表达式的对象
var regex = new RegExp("^.{6}$");
var pwdRegex = /^.{6}$/;
RegExp类的方法
test()//检测字符串是否与正则表达式匹配
正则表达式各通配符
字符匹配符
匹配多个字符中的任意一个字符
[abc] 匹配a,b,c其中的任意一个字符 用来指定范围也可以表示字符"-"本身
[a-z] : 表示匹配从a到z的任意一个字符
[A-Z] : 表示匹配从A到Z的任意一个字符
取反 ,注意只有用[]包围才是取反
[^A-Z] : 表示匹配不是从A到Z的任意一个字符
[^0-9] : 表示匹配不是从0到9的任意一个字符
\d:匹配任意一个数字字符 相当于[0-9]
\D:匹配任意一个非数字字符 相当于[^0-9]
\w:匹配字母、数字、下划线中的一个字符,相当于[a-zA-Z0-9_]
匹配一个任意字符,除了\n
\.:表示一个小数点,转义字符
\s:匹配任何一个空白字符(空格,制表位)
\S:匹配任何一个非空白字符(空格,制表位)
定位符
^ :字符串必须以^后面的字符开始,开始标记,此时^不能用[]包围
$ :字符串必须以$前面的字符结束,结束标记
限定字符出现次数
{数1,数2}:限定前方字符出现次数>= 数1 并且次数<=数2
{数1}:前方字符出现次数=数1
{数1,}:前方字符出现次数>=数1
+ :限定前方字符出现次数>=1等同于{1,}
* :限定前方字符出现次数>=0
? :限定前方字符出现次数0次或1次
|:或者的关系 例如: /(^xue&)|(^学$)|(^薛$)/
():构成一个整体,括号内的内容作为一个子表达式来处理
树图思维导图提供 计算机二级Web前端知识点总结(十) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(十) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:9763062ad06ccdcc68003d41908f3088
树图思维导图提供 计算机二级Web前端知识点总结(九) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(九) 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:83ceba5e40f69b0ba3cd9152e77ed608