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() – 前进
  ⑤以上操作均在历史记录中