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

BOM操作浏览器

window对象

window对象介绍:

  1. window对象是一个全局对象,也可以说是JavaScript中的顶级对象
  2. documentalert()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对象的方式获取。

  • 固有属性:标签天生自带的属性,比如idclass、`等,可以直接使用点语法操作
  • 自定义属性:由程序员自己添加的属性,在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的缩写,匹配所有满足正则表达式的结果

这些信息可能会帮助到你: 关于我们 | 饿了么返钱 | 捐赠支持

文章名称:BOM操作浏览器和正则表达式
文章链接:https://www.bysjb.cn/bom.html
THE END
分享
二维码
打赏
< <上一篇
下一篇>>