浏览器对象模型BOM

BOM（浏览器对象模型）可以对浏览器窗口进行访问和操作，同时独立于内容而与浏览器窗口进行交互的对象。

由于BOM由一系列相关的对象构成，所以下面讲解BOM的对象。

window对象

（1）导航和打开新窗口

主要想大家介绍两个方法window.open()和window.close()，为什么只介绍这两个，我会在文章末尾给大家道来的。

window.open()的使用,先给大家举个实例吧

这就是window.open()的用法，第一的参数是载入新窗口页面的URL，第二个参数是新窗口的名字，第三个参数相信大家都知道吧，就是设置窗口的打开的位置和宽高，resizable是判断新窗口是否能拖动边线调整大小，大家需要注意的：是第一个参数的必须有的。

（2）对话框

对话框有alert()，confirm()和paompt()三个方法，这里就不去详细介绍他们了，因为我们不常用到，原因是对话框会阻止浏览器的渲染效果。

（3）时间间隔和暂停

这个多我们前端来说很重要，时常会用到他们，希望大家认真的看。

时间间隔有两个方法：setTimeout和setInterval，需要注意的是：大家务必要区分这两个方法的使用。

setTimeout的使用：

setInterval的使用：

两个方法的参数都一样，第一个参数都是执行的代码，也可是函数，第二个参数就是他们间隔的时间，但是他们的功能却不一样，注意了：setTimeout是在一段时间里只执行一次，setInterval是每隔一段时间都要执行一次，而且是一直这样执行下去。

我们不可能让它就这样一直执行下去吧，所以也有两个暂停的方法:clearTimeout()和clearInterval()，它们分别是暂停setTimeout()和setInterval()方法的，这就不多说了。

（4）历史

这个可以访问浏览器窗口的历史，它有一个方法就是history.go()，history.go(-1)这表示后退一页，但不一定是-1，只要是负数就ok，同样history.go(1)表示前进一页，只要是正数就ok。

document对象

对于document对象就为大家介绍三个集合：forms，images和links。

forms  表示页面中所有表单的集合。

images   表示页面中所有图像的集合。

links   表示页面中所有链接的集合（由<a></a>表示）。

location对象

为大家介绍三个方法：

hash   该方法返回URL包含#符号之后的内容。

href   当前载入页面的完整的URL。

search   执行GET请求的URL中的问号(?)后的部分。

下面展示一个页面传递URL中？后的内容到另一个页面，这个实例对我们以后也很重要。

这个是首页面

下面这个是我们要跳转的页面

当我们运行首页时，会看到goto链接，点击它就会跳转到第二个页面，按F12你就会看到下图

name=ck就是上个网页URL传递过来的。

navigator对象

这个对象我就说了，因为根本不常用。

screen对象

这个对象只要大家知道width和height两个属性就ok了。

width  表示屏幕的宽度，注意单位是像素。

height   表示屏幕的高度，单位也是像素。

最后就是给大家说，BOM的方法和属性其实很多，为什么我没把其他的方法拿出来说。由于没有相关的BOM标准，每种浏览器都有自己的BOM实现，也就是大家最痛苦的兼容性问题。因为兼容性的问题，所以那些方法和属性不怎么常用。

以上就是我个人对BOM的理解，如果那里说的不对的地方，望大家提醒一下。

转载于:https://my.oschina.net/14211/blog/184028