重点知识-JavaScript高级

1. 文档对象模型中，以下每种方式的实现功能

querySelector(CSS选择器)：根据选择器字符串查找单个元素，存在多个取第一个

querySelectorAll(CSS选择器)：根据选择器字符串查找元素

createElement(元素名)：根据元素名在内存中创建元素对象

parentElement：父元素节点

firstChild：第一个子节点

lastChild：最后一个子节点

nextSibling：下一个兄弟节点

previousSibling：前一个兄弟节点

innerHTML：输出或设置HTML代码文本

outerHTML：将节点以字符串形式输出

innerText：输出或设置源码文本

children：子元素列表

style：行内样式属性对象

classList：样式列表，add(class1[,class2,…])给元素添加一个或多个类样式名，如果指定的类样式名已存在，则不会添加；remove(class1[,class2,…])移除元素中一个或多个类样式名；contains(className)返回布尔值，判断指定的类名是否存在；

clientWidth：边框内的宽度，包括了内容的宽度和panding，但不包含滚动条宽度

clientHeight：边框内的高度

scrollTop：读取或设置元素滚动条到元素顶部的距离（元素的内容没有产生垂直方向的滚动条，那么它的scrollTop值为0）

appendChild(node)：将节点拼接在当前节点内部的最后面

insertBefore(newNode, referenceNode)：将节点拼接在当前节点内部的最前面；referenceNode表示父节点的指定子节点，如果传入null表示将newNode添加到父节点的内部最后面

removeChild(node)：删除节点中的指定子节点

getAttribute(name)：获取节点指定的name属性

hasAttribute(name)：判断节点是否存在指定的name属性

setAttribute(name,value)：为节点添加指定的name属性并且值为value

offsetTop：获取当前DOM节点元素距离浏览器顶部的距离，单位是像素

offsetLeft：获取当前DOM节点元素距离浏览器左侧的距离，单位是像素

2. 以下每种事件的具体触发条件

click：鼠标单击

mousedown：鼠标按下

mouseup：鼠标松开

mouseenter：鼠标移入元素时触发

mouseleave：鼠标移出元素时触发

mousemove：鼠标在元素上移动时触发

keydown：键盘按下

keyup：键盘松开

focus：输入框获取焦点

blur：输入框失去焦点

input：输入框输入内容时触发

change：元素内容发生改变时触发（一般用于单选、多选、下拉框）

submit：表单提交时触发

3. 以下正则表达式的元字符各自作用

\：转义字符

^：匹配字符串开始的位置，与后面紧邻的字符进行配合

$：匹配字符串结束的位置，与前面紧邻的字符进行配合

*：匹配前面的字符或者表达式出现0次或多次，等价于{0,}

+：匹配前面的字符或者表达式出现一次或多次，等价于{1,}

?：匹配前面的字符或者表达式出现零次或一次，等价于{0,1}

|：或者

()：将表达式组合起来，括号中的内容可以被上面的特殊符号修饰

{n}：匹配前面的字符或者表达式，指定匹配次数为n次

{n,}：匹配前面的字符或者表达式，指定匹配次数至少为n次

{n,m}：匹配前面的字符或者表达式，指定匹配次数至少n次，最多m次

[xyz]：字符合集，匹配里面包含的任意一个字符

[^xyz]：匹配不包含里面字符的其他任意一个字符

\d：匹配0-9中任意一个阿拉伯数字，相当于[0-9]

\D：匹配一个非阿拉伯数字，等价于[^0-9]

\w：匹配一个单字字符（字母、数字或者下划线）。等价于 [A-Za-z0-9_]

\W：匹配一个非单字字符。等价于 [^A-Za-z0-9_]