Bom节点
BOM——浏览器对象模型。
分为五个点:
Window对象:浏览器器窗口对象
Navigator:浏览器对象
Screen:浏览器所处客户端的显示器屏幕对象
History:浏览器当前窗口的访问历史记录对象
Location:浏览器当前窗口的地址栏对象
Window对象
是一个全局对象
confrim > alert > prompt
![](https://i-blog.csdnimg.cn/blog_migrate/814fc00850c37ba41bdeeec713f1dd11.png)
Location属性
1、JS中Location属性
属性 描述hash 设置或返回从井号 (#) 开始的 URL(锚)。如果地址里没有“#”,则返回空字符串。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前 URL 的主机名。href 设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回。pathname 设置或返回当前 URL 的路径部分。port 设置或返回当前 URL 的端口号,设置或返回当前 URL 的端口号。protocol 设置或返回当前 URL 的协议,取值为 'http:','https:','file:' 等等。search 设置或返回从问号 (?) 开始的 URL(查询部分)。
2、JS中Location对象方法
属性 描述assign() 加载新的文档。reload() 重新加载当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。replace() 用新的文档替换当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”键。
assign 与 replace 区别在于 replace没有历史记录
reload()参数是布尔值 主要点是当页面文档有新的变化的时候
false 从浏览器的缓存重新加载页面
true 直接重新请求页面文档 加载页面
属性名 | 例子 | 说明 |
hash | "#type" | 设置或返回URL中的#后面的hash值,如果没有则为"" |
host | 设置或返回URL中的主机名称和端口号 | |
hostName | 设置或返回URL中的主机名称 | |
href | "http://www.google.com:8080/loanOrder/detail?orderId=1236#type" | 设置或返回完整的URL |
pathname | "/loanOrder/detail" | 设置或返回当前 URL 的路径部分 |
port | "8080" | 设置或返回URL中的端口号,如果URL中没有端口号,则为"" |
protocol | "http:" | 设置或返回当前 URL 的协议,通常是http:或https: |
search | "?orderId=1236" | 返回URL的查询字符串。这个字符串以"?"开头 |
3、history对象
back()方法,加载 history 列表中的前一个 URL。
forward()方法,加载 history 列表中的下一个 URL。
go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。
4、浏览器事件对象
事件 | 说明 |
onload() | 对象装载完成后触发 |
onscroll() | 窗口的滚动条被拖动时触发 |
onresize() | 窗口的大小改变时触发 |
正则表达式
元字符
元字符 | 描述 |
. | 查找单个字符,除了换行和行结束符 |
\w | 查找单词字符 |
\W | 查找非单词字符 |
\d | 查找数字 |
\D | 查找非数字字符 |
\s | 查找空白字符 |
\S | 查找非空白字符 |
\b | 匹配单词边界 |
\B | 匹配非单词边界 |
\0 | 查找 NUL字符 |
\n | 查找换行符 |
\f | 查找换页符 |
\r | 查找回车符 |
\t | 查找制表符 |
\v | 查找垂直制表符 |
\xxx | 查找以八进制数 xxxx 规定的字符 |
\xdd | 查找以十六进制数 dd 规定的字符 |
\uxxxx | 查找以十六进制 xxxx规定的 Unicode 字符 |
重复类量词列表
量词 | 描述 |
n+ | 匹配任何包含至少一个 n 的字符串 |
n* | 匹配任何包含零个或多个 n 的字符串 |
n? | 匹配任何包含零个或一个 n 的字符串 |
n{x} | 匹配包含 x 个 n 的序列的字符串 |
n{x,y} | 匹配包含最少 x 个、最多 y 个 n 的序列的字符串 |
n{x,} | 匹配包含至少 x 个 n 的序列的字符串 |
创建对象
![](https://i-blog.csdnimg.cn/blog_migrate/1a56221a9afc837bef86d69436bdc210.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d30630e4dc87e9da8eaeb09754f22979.png)
![](https://i-blog.csdnimg.cn/blog_migrate/8c1eedb8e170d50ce71a6fcf15ddca17.png)
![](https://i-blog.csdnimg.cn/blog_migrate/692ca0f80c75944e7d09d68296bc852c.png)