JavaScript之BOM

BOM（browser object model）浏览器对象模型

window对象（BOM核心对象是window）

①所有在全局作用域下声明的变量，函数都属于window对象的属性和方法

②全局变量不能通过

delete

操作符删除，而直接在window对象上定义的属性则可以删除

③窗口位置获取 （分别用于表示窗口相对于屏幕左边/上边的位置）->

A.IE/Safari/Opera/Chrome : screenLeft || screenTop

B.FF/Safari/Chrome : screenX ||screenY

C.一般通过

moveTo || moveBy

调整窗口和屏幕的位置关系，但多数情况下被禁用

④窗口大小 ->

A.IE9+/FF/Chrome等主流浏览器:

window.innerWidth(获得视口大小) || window.outerWidth(获得窗口大小) || window.innerHeight || window.outerHeight

B.IE8-/主流 ->

标准模式:

document.documentElement.clientWidth/document.documentElement.clientHeight

混杂模式：

document.body.clientWidth/document.body.clientHeight

C.一般通过`resizeTo/resizeBy来调整浏览器窗口的大小，但多数情况下被禁用

⑤弹窗

window.open(‘要加载的URL’，’窗口目标’,’特性字符串’，‘布尔值’)

⑥定时器

A. 超时调用：setTimeout()

B.间歇调用：setInterval()

C.取消调用：clearInterval()

⑦系统对话框

A.alert()

B.confirm()

C.prompt()

location对象（提供了当前窗口中加载的文档有关信息，还提供了一些导航功能）

①location对象即是window的属性也是document属性

window.location / document.location

②查询字符串参数（search属性）

location.search 返回从问号?到URL末尾的所有内容

③导航操作

A. location.assign(‘URL’);

B.window.location(‘URL’);

C.location.href(‘URL’);

D.location.replace(‘URL’) –此方法回不到前个页面，无历史记录

E.location.reload() 缓存中重新加载 || location.reload(true) 服务器中重加载

navigator对象（通常用于检测显示网页的浏览器类型）

①检测插件 navigator.plugins[]

②注册处理程序 registerContentHander() || registerProtocolHander()

screen对象（包含浏览器外部的显示器的信息）

history对象（保存着用户上网的历史记录）

①history.go(2) – 前进2页

②history.go(-2) – 后退2页

③history.back() – 后退

④history.forward() – 前进

⑤以上操作均在历史记录中