BOM详解

目录

一、window对象

1、窗口位置

2、窗口大小

3、打开关闭窗口

二、window子对象

1、screen对象

2、location对象

3、navigator对象

4、history对象

---

一、window对象

1、窗口位置

screenLeft   返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF浏览器

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

screenX   功能同screenLeft，兼容FF

screenY   功能同screenTop，兼容FF

2、窗口大小

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

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

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

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

3、打开关闭窗口

3.1、window.open()

打开一个新的浏览器窗口，接受四个参数
(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)

3.2、window.close()

关闭新打开的窗口（仅限open()打开的窗口）

二、window子对象

1、screen对象

1.1、功能：包含显示设备的信息

1.2、属性和距离

screen.availWidth、screen.avaiHeight返回屏幕可用宽高，值为屏幕的实际大小减去操作系统某些功能占据的空间的，如系统任务栏

2、location对象

2.1、功能：保存当前文档信息、将URL解析为独立片段

2.2、属性

href：返回当前页面完整的URL

          修改这个属性，即跳转新页面

hash：返回URL中的hash（#号后跟零或多个字符）

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

port：返回服务器端口号

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

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

protocol：返回页面使用的协议（http://或https://）

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

3、navigator对象

功能：提供一系列属性用于检测浏览器

outLine：是否联网

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

4、history对象

4.1、功能：保存用户上网的历史记录

4.2、方法、属性

back()：后退

forward()：前进

length：属性保存历史记录的数量