BOM操作浏览器和正则表达式
BOM操作浏览器
window对象
window对象介绍：
- window对象是一个全局对象，也可以说是
JavaScript中的顶级对象 - 像
document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的 - 所有通过
var定义在全局作用域的变量、函数都会变成window对象的属性和方法 window对象下的属性和方法调用的时候可以省略window
location对象
主要负责网页的地址栏
属性方法如下：
- location.href：跳转页面
- location.reload()：刷新页面
- location.search：?后面的内容
- location.hash：#后面的内容
|
1 2 3 4 5 6 |
<script> // 5秒钟后页面自动跳转百度 setTimeout(function() { location.href = 'https://www.baidu.com' }, 5000) </script> |
用来获取浏览器的信息
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的缩写，匹配所有满足正则表达式的结果
原创文章，作者：seabert，如若转载，请注明出处：https://bysjb.cn/bom.html