BOM操作

经过一周的DOM学习，现在开始进入BOM操作，大家一起来学习吧。简单的看一下思维导图：

 

BOM操作是 Browser Object model 提供一系列与浏览器相关的信息

window是浏览器留给JS的总入口，全局变量都是window的属性，全局属性都是window的方法。

一.window对象

1.窗口位置一些属性：screenLeft 返回浏览器窗口左上角相当于当前屏幕左上角的水平距离。不兼容FF浏览器。

screenTop 返回浏览器窗口左上角相当于当前屏幕左上角的垂直距离。不兼容FF浏览器。

screenX 功能同上 screenY功能同上 这两种功能兼容FF

2.窗口大小：innerWidth 返回网页在当前窗口中可见部分的宽度，包含滚动条。

innerHeight 返回网页在当前窗口中可见部分的高度，包含滚动条。

outerWidth 返回浏览器窗口宽度，包含浏览器菜单和边框

outerHeight 返回浏览器窗口高度，包含浏览器菜单和边框

3.打开窗口

window.open（）打开一个新的浏览器窗口，接收4个参数（URL/打开方式/窗口参数/布尔值）

window.close（）关闭新打开的窗口（仅限open（）打开的窗口）

二.window子对象

1.screen功能：包含设备的信息

个别属性举例：screen.height、screen.width返回设备的分辨率

2.location对象 功能：保存当前文档信息、将URL解析为独立片段

属性：href  返回当前页面完整的URL  修改这个属性，即可跳转新页面

hash：返回URL中的hash

host：返回服务器名称和端口号

port：返回服务器端口号

pathname：返回URL中的目录和文件名

hostname：返回不带端口号的服务器名称

protocol：返回页面使用的协议

search：返回URL的查询字符串，字符串以问号开头

3.navigator对象 提供一系列属性用于检测浏览器  

属性：onLine 检测是否联网

userAgent 浏览器嗅探 检测浏览器的类型

4.history对象  功能：保存用户上网的历史记录。

方法属性：go（）在用户历史记录任意跳转，接收一个参数，标签前后跳转页数的整数值

back（）后退  foward（）前进