JS BOM定义和操作

        嗨，我是小路。今天主要和大家分享的主题是“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	后退

都看到这里了，记得【点赞】+【关注】哟。