BOM—浏览器对象模型

BOM（Browser Object Model　浏览器对象模型）使JavaScript 有能力与浏览器“对话”。

 

Window 对象

所有浏览器都支持 window 对象。它是BOM的核心对象，它表示 浏览器的一个实例。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一：

　　 window.document.getElementById("header");

top对象始终指向最外围的框架，即浏览器窗口；

parent对象始终指向当前框架的直接上层框架；

self对象则回指window；

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

• document.documentElement.clientHeight
• document.documentElement.clientWidth

或者

• document.body.clientHeight
• document.body.clientWidth
  

window.location 对象

用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

它既是window对象的属性，也是document对象的属性。

location对象的所有 属性：

• location.protocol   返回所使用的 web 协议（http:// 或 https://）
• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port          返回 web 主机的端口 （80 或 443）
• location.href          返回当前页面的 URL。
• location.search      返回URL查询字符串（?q=javascript）

location对象的 方法：

• assign() 方法加载新的文档。

          location.assign("http://www.baidu.com");等价于

          window.location="http://www.baidu.com ";

                location.href="http://www.baidu.com ";

• replace()用户不能回到前一个页面。（因为不会在历史记录中生成新纪录）

          location.replace("http://www.baidu.com");

• reload()重新加载当前显示页面。

          location.reload();//有可能从缓存中加载；

          location.reload(true);//从服务器中加载

 

window.history 对象

 保存着 浏览器的历史记录。

• history.go()  可以在用户的历史记录中任意跳转（向前或向后）

          该方法接受一个参数（ 一个整数值），表示向后或向前跳转的一个页面数。负数-向后跳转；正数-向前跳转；

          history.go(-1);   //后退一页

          history.go(2)；  //前进两页

          也可以给go()方法传递一个 字符串参数，此时浏览器会跳转到 历史记录中包含该字符串的第一个位置； 如果不包含，什么也不做；

          history.go("baidu.com");  

• history.back()     - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击向前按钮相同
• history.length     -保存着历史记录的数量

window.screen 对象

包含有关用户屏幕的信息。

在编写时可以不使用 window 这个前缀。

• screen.availWidth - 可用的屏幕宽度
• screen.availHeight - 可用的屏幕高度

window.navigator 对象

包含有关访问者浏览器的信息。

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