BOM操作浏览器和正则表达式

BOM操作浏览器

window对象

window对象介绍：

1. window对象是一个全局对象，也可以说是JavaScript中的顶级对象
2. 像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的
3. 所有通过var定义在全局作用域的变量、函数都会变成window对象的属性和方法
4. window对象下的属性和方法调用的时候可以省略window

location对象

主要负责网页的地址栏

属性方法如下：

• location.href：跳转页面
• location.reload()：刷新页面
• location.search：?后面的内容
• location.hash：#后面的内容

<script>
    // 5秒钟后页面自动跳转百度
    setTimeout(function() {
        location.href = 'https://www.baidu.com'
    }, 5000)
</script>

navigator对象

用来获取浏览器的信息

navigator.userAgent：判断设备信息（字段中如果有Mobile，则表示是手机，否则为PC）

history对象

管理历史记录

• history.forward()
• history.back()
• history.go()

本地存储

可以将数据永久存储在本地（用户的电脑），除非手动删除。

使用语法：https://bysjb.cn/localstorage.html

自定义属性

传统的自定义属性没有专门的定义规则， 开发者随意定值，不够规范。所以在html5中推出了专门的data-自定义属性。在标签上一律以data-开头，在DOM对象上一律以dataset对象的方式获取。

• 固有属性：标签天生自带的属性，比如id、class、`等，可以直接使用点语法操作
• 自定义属性：由程序员自己添加的属性，在DOM对象中找不到，无法使用点语法操作，必须使用专门的API
  • getAttribute('属性名')：获取自定义属性
  • setAttribute('属性名')：设置自定义属性
  • removeAttribute('属性名')：删除自定义属性

正则表达式

书写在//中间的字符即为正则表达式也叫模式，它是定义正则表达式的语法。正则表达式是一个对象类型数据。

• exec方法用于检索（查找）符合规则的字符串
• test方法用于判断是否有符合规则的字符串

元字符

量词

• +：表示重复至少1次
• ?：表示重复0次或1次
• *：表示重复0次或多次
• {m, n}：表示重复m到n次

字符

• \d \s \w
• . []
  • [abc]：三选一
  • [a-z]：26个英文小写字母选1
  • [a-zA-Z]：英文字母选1
  • [^a-z]：除了小写英文字母之外的一个字符

位置

• ^ $

修饰符

修饰符附加在正则表达式之后

• i是单词ignore的缩写，正则匹配时字母不区分大小写
• g是单词global的缩写，匹配所有满足正则表达式的结果