正则表达式
正则表达式可以用来匹配字符串。
通过正则表达式,可以实现字符串的截取或按规则替换和验证字符串内容。
例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