BOM 学习 BOM是什么？

关于BOM是什么？

BOM指的是Browser Object Model 一系列与浏览器相关的信息
BOM里有window对象 与 window子对象

window对象

窗口位置
screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF浏览器
screenTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器
screen X 功能同screenLeft，兼容FF
screen Y 功能同screenTop， 兼容FF

窗口大小
innerWidth返回网页 在当前窗口中可见部分的宽度，包含滚动条宽度
innerHeight返回网页 在当前窗口中可见部分的高度，包含滚动条高度
outerWidth 返回浏览器窗口宽度，包含浏览器菜单和边框
outerHeight 返回浏览器窗口高度，包含浏览器菜单和边框

打开窗口
window.open() 打开一个新的浏览器窗口，接受四个参数
（URL/打开方式/窗口参数/是否期待当前页面历史记录的布尔值）
第三个参数示例 width=500,height=500
window.close() 关闭新打开的窗口（仅限open（）打开的窗口）

window子对象

screen对象 功能：包含显示设备的信息
个别属性列举：screen.height,screen.width返回设备的分辨率
screen.availWidth,screen.availHeight 返回屏幕可用宽高，值为屏幕的实际大小减去操作系统中某些功能占据的空间，如系统任务栏
location 对象
功能： 保存当前文档信息，将URL解析为独立片段
属性
href = 返回当前页面完整的URL
修改这个属性，即跳转新的页面
hash 返回URL中的hash（#号后面跟零或者多个字符）
host 返回服务器名称和端口号
port 返回服务器端口号
pathname 返回URL中的目录和文件名
hostname 返回不带端口号的服务器名称
protocol 返回页面使用的协议（http://或https://）
search 返回URL的查询字符串，字符串以问号开头
navigator对象
提供一系列属性用于检测浏览器
onLine 是否联网
useAgent 浏览器嗅探
检测浏览器的类型
history对象
功能：保存用户上网的历史记录
方法属性： get()在用户历史记录中任意跳转，接受一个参数，表示前后跳转页数的整数值（后退一页-1，前进一页1），也可传字符串参数，跳转到第一个包含该字符串的位置
back（）后退
forward（）前进
length 属性保存历史记录的数量