js -BOM

概述：

BOM (全称bowser object model) 浏览器对象模型，他是用于操作浏览器相关的内容。BOM是一个缺乏规范的东西，为了保证他的规范性产生了一系列的共用对象来解决这个问题。沿用至今，但是这些共有对象也存在对应的兼容问题，直到w3c的介入（ie 10以后）。他的兼容问题得到了保证。

window的相关属性和方法

控制台打印方法

• console.log()打印日志
• console.error()打印错误
• console.info()打印信息
• console.warn()打印警告
• console.debug()打印调试

弹窗相关方法

• alert()提示框
• prompt()输入框
• confirm()交互框

窗口打开关闭的方法

• window.open()
• // open的三个参数   打开窗口的url路径（url） 对应的打开方式（target） 对应的打开窗口的相关设置 （option）
• window.close()

改变窗口大小的方法

• resizeTo (200,200) //改变对应的窗口大小 宽200 高200  
• resizeBy(100,100)//在原本的基础上增加对应的宽高 宽200+100=300 高 200+100=300

改变窗口位置的大小

moveTo //设置对应的位置 X 200 Y 2O0

moveBy //在原本的位置上增加对应的距离  X 300 Y 300

打印方法

print

查找方法

find

窗口聚焦和失焦的方法

window.blur() 失焦

window.focus() 聚焦

 

Document 文档对象

• document对象是属于BOM的组成部分，他里面的一些的相关操作和对应的属性是属于DOM操作，具体的内容在对应的DOM中会提到。

• document表示的是对应的HTML文档，他是用于操作对应HTML文档。

Location 地址栏对象 （*）

属性

hash 获取#后面的值*

search 获取?后面的值*

port 端口号

portocol 协议

host 主机

hostname 主机号

pathname 路径地址

href 对应的url地址*

origin 对应的跨域地址

方法

reload 重新加载

assign 指定对应的地址进行跳转(有历史记录)

replace替换当前的地址进行跳转(没有历史记录)

对应的href也可以进行地址之间的跳转

 

history 历史对象(*)

属性

length属性(历史页面个数)

state属性(状态 存储对应的值)

scrollRestoration(滚动栏恢复行为 auto (默认) manual)

 

方法

• forward前进
• back 后退
• go 去任意历史页面(当前页面为0 大于0 前进 小于0 后退)
• pushState  //改变当前的url地址(并不会进行跳转 不会刷新操作) state的值（可以是任意类型的数据） 名字（建议空值） url地址 
• replaceState// 不会新增新的历史页面 把当前历史页面进行替换.也会改变对应的url地址 也不会进行跳转（刷新）

Screen 屏幕对象

属性

• width 屏幕的宽度

• height 屏幕高度

• availHeight 可占用的最大屏幕高度

• availWidth 可占用的最大屏幕宽度

• availLeft 可占用的空间离桌面的左边距离

• availTop 可占用的空间离桌面的上边距离

Navigator 导航对象

概述：他主要是用于获取用户浏览器及系统相关的设置以及内容

属性

• userAgent 表示当前用户的系统信息以及对应的浏览器信息