嗨，我是小路。今天主要和大家分享的主题是“JS BOM的定义和操作”。
BOM是浏览器对象模型，相当于浏览器交互接口。通过操作BOM，可以对浏览器进行一些指定的操作，如打开新窗口，window.open,关闭新窗口：window.close其它等操作。
一、BOM结构
1.window
定义：是浏览器的示例，也是全局对象，BOM中的属性都在window中
| 函数 | 作用 |
| moveBy(水平移动，垂直移动) | 移动窗口 |
| moveTo(水平位置，垂直位置) | 移动到指定位置 |
| resizeBy(水平长度，垂直长度) | 当前窗口扩大（缩小）一定长度 |
| resizeTo(水平长度，垂直长度) | 将窗口调整到指定长宽 |
| scrollBy(水平长度，垂直长度) | 滚动条存在，则水平或垂直滚动一定长度 |
| scrollTo(水平长度，垂直长度) | 滚动条存在，则滚动到指定位置 |
| open() | 在当前页面打开一个新窗口，返回新窗口对象 |
| close() | 只关闭当前页面新打开的窗口 |
2.location
定义：路由地址相关信息
| hash | url#号后的字符串 |
| host | 域名（ip）+端口号 |
| hostname | 域名 |
| href | 整个url |
| search | 查询字符串，？号之后的内容 |
| port | 端口：host = hostname:port |
| protocol | 协议，如http或https |
| pathname | 文件路径，在host和查询字符串之间的内容 |
| reload | 重新刷新路由 |
3.navigator
定义：浏览器的信息介绍说明
| appVersion | 浏览器版本号 |
| cookieEnabled | 是否启用cookie |
| deviceMemory | 设备内存容量，单位G |
| language | 浏览器使用的主语言 |
| userAgent | 浏览器内核 |
4.screen
定义：浏览器屏幕信息，如屏幕的长宽以及距离屏幕的距离
| left | 距离当前屏幕左边的距离 |
| top | 距离当前屏幕顶端的距离 |
| height | 屏幕像素高度 |
| width | 屏幕像素宽度 |
5.history
定义：浏览器操作历史记录
| go | 跳转 |
| forward | 向前 |
| back | 后退 |
都看到这里了，记得【点赞】+【关注】哟。
