BOM知识回顾

bom（Browser object Model）浏览器对象模型 ,DOM 是将HTML文档中的各个元素封装成一个对象（Document），而 BOM 则是将一个浏览器的各个组成部分封装成对象（Browser）供调用使用。

js将浏览器的各个部分封装为对象。一共分为了五个对象：

• Window: 浏览器窗口对象
• Navigator: 浏览器对象
• Sreen：屏幕对象
• History：历史记录对象
• Location：地址栏对象

window对象

Window为浏览器内置对象，不需要自己手动创建，可以直接使用。
Window的方法都可以省略Window对象直接调用。
比如我们常用的提示框（这里的window是可以省略的）：

window.alert（）；

属性

• Navigator: 浏览器对象
• Sreen：屏幕对象
• History：历史记录对象
• Location：地址栏对象

方法

• alert（）：带有确定按钮的消息警示框
• confirm（）：消息确认框
• setInterval（）：按指定时间循环调用函数或者表达式的方法。（单位为毫秒）
• serTimeout（）：和前者类时，都是定时器的方法，不过他只执行一次

History

window.history属性指向History对象，它表示当前窗口的浏览历史。

属性

• History.length：当前窗口访问过的网址数量（包括当前网页）
• History.state：History堆栈最上层的状态值

方法

• History.back()：移动到上一个网址，等同于点击浏览器的后退键。对于第一个访问的网址，该方法无效果。
• History.forward()：移动到下一个网址，等同于点击浏览器的前进键。对于最后一个访问的网址，该方法无效果。
• History.go()：接受一个整数作为参数，以当前网址为基准，移动到参数指定的网址，比如go(1)相当于forward()，go(-1)相当于back()。如果参数超过实际存在的网址范围，该方法无效果；如果不指定参数，默认参数为0，相当于刷新当前页面。

Location

location 对象存储了当前文档位置（URL）相关的信息，简单地说就是网页地址字符串。使用 window 对象的 location 属性可以访问。

属性

location 对象定义了 8 个属性，其中 7 个属性可以获取当前 URL 的各部分信息，另一个属性（href）包含了完整的 URL 信息，详细说明如下表所示。为了便于更直观的理解，下表中各个属性将以下面 URL 示例信息为参考进行说明。

举例说明：
http://www.123.cn:80/news/index.asp?id=123&name=location#top

属性	说明
href	声明了当前显示文档的完整 URL，与其他 location 属性只声明部分 URL 不同，把该属性设置为新的 URL 会使浏览器读取并显示新 URL 的内容
protocol	声明了 URL 的协议部分，包括后缀的冒号。例如：“http:”
host	声明了当前 URL 中的主机名和端口部分。例如：“www.123.cn:80”
hostname	声明了当前 URL 中的主机名。例如：“www.123.cn”
port	声明了当前 URL 的端口部分。例如：“80”
pathname	声明了当前 URL的路径部分。例如：“news/index.asp”
search	声明了当前 URL 的查询部分，包括前导问号。例如：“?id=123&name=location”
hash	声明了当前 URL 中锚部分，包括前导符（#）。例如：“#top”,指定在文档中锚记的名称

方法

• reload()：可以重新装载当前文档。
• replace()：可以装载一个新文档而无须为它创建一个新的历史记录。也就是说，在浏览器的历史列表中，新文档将替换当前文档。这样在浏览器中就不能通过单击“返回”按钮返回当前的文档。
  对那些使用了框架并且显示多个临时页的网站来说，replace() 方法比较有用。这样临时页面都不被存储在历史列表中。

window.location 与 document.location 不同，前者引用 location 对象，后者只是一个只读字符串，与 document.URL 同义。但是，当存在服务器重定向时，document.location 包含的是已经装载的 URL，而 location.href 包含的则是原始请求文档的 URL。