JS（二）

正则表达式

正则表达式可以用来匹配字符串。

通过正则表达式，可以实现字符串的截取或按规则替换和验证字符串内容。

例1：验证邮箱格式

例2：字符串“2020-01-01”，可以将其数字部分截取出来。

例3：“123a456b789c”，去掉字符串中所有的字母（replace（“a“，”1“））。

正则表达式独立于语言，很多语言都支持正则表达式。（并非JavaScript特性）

在JS中创建正则表达式对象

var reg=new RegExp（”123“）；

var reg =/123/；

类似于数组

new Array（）；

[]；

正则表达式的语法

^:开头

$:结尾

[]:范围

{}:位数

():分组

+:匹配1位或多为，同{1,}

？:0位或1位，同{0,1}

.:匹配所有

\:转义

\d:数字

\w:数字、字母、下划线

\s:空格或换行

匹配邮箱

var str=”xiaowu@123.com“

var reg=/^[5,12]@123\.com$/;

字符串的替换

var str=”123abc456def“;

var reg=/[a-zA-Z]+/g;//全局匹配

console.log(reg,"”））

截取字符串

var str=“2019-12-01”；

var reg=/^d(4)-(\d{2})-(\d{2})$/

var arr=reg.exec(tr)

console.log(arr[0]);

console.log(arr[1]);

console.log(arr[2]);

console.log(arr[3]);

ES2015基础语法

1.变量

2.常量

3.模板字符串

4.解构赋值

变量

1.使用let代替var.

2.块级作用域。

3.不存在变量提升。

4.不允许重复声明。

常量

1.const定义常量；

2.定义之后不可以修改；

3.不变的值用常量声明；

4.函数表达式可以使用常量；

5.对象声明可以使用常量；

6.引入外部模板使用常量。

模板字符串

1.支持换行

2.支持嵌入变量

结构赋值

1.数组的结构赋值

2.对象的结构赋值

3.通过结构赋值传递参数

设置函数默认值

ES2015的语法可以为函数的参数设置默认值：

function fun（x=10，y=20）{

    return x+y；

}

立即执行函数

（function（）{

let a=10；

let b=20；

console.log（a+b）

}）()

声明之后直接调用；

节点类型

元素节点

属性节点

文本节点

网页效果：操作元素节点、属性节点、文本节点，以及修改元素的样式。 

获取节点

document.getElemenByld();

docuiment.getElementsByClassName();

document.querySelector();获取一个节点

document.querySelectorAll();获取多个节点

domObject.innerHTML;获取元素内的所有内容。

element.innerHTML :获取和设置元素内的所有内容。

事件类型

click：点击事件 +on

mouseenter：鼠标移入元素

mouseleave：鼠标移出元素

 

设置样式

element.style.color

element.style.backgroundColor

设置属性

element.src

element.id

 

通过class属性设置样式

element.className