TreeMind树图在线AI思维导图
当前位置:树图思维导图模板资格考试计算机计算机二级Web前端知识点总结(七)思维导图

计算机二级Web前端知识点总结(七)思维导图

  收藏
  分享
免费下载
免费使用文件
L . 浏览量:12022-11-07 12:48:20
已被使用0次
查看详情计算机二级Web前端知识点总结(七)思维导图

计算机二级Web前端知识点总结(七)

树图思维导图提供 计算机二级Web前端知识点总结(七) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(七)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:be90bec0150d3a8253c89d512f3f0375

思维导图大纲

计算机二级Web前端知识点总结(七)思维导图模板大纲

DOM对象的方法

原理

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前端知识点总结(十) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(十)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:9763062ad06ccdcc68003d41908f3088

计算机二级Web前端知识点总结(九)思维导图

树图思维导图提供 计算机二级Web前端知识点总结(九) 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级Web前端知识点总结(九)  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:83ceba5e40f69b0ba3cd9152e77ed608