Javascript：BOM对象
信息：原创2014-09-080 次阅读0 个评论
标签：后天堂向上，网站制作，自学教程，网站技术，javascript，javascript BOM对象，浏览器对象模型
基本介绍
BOM：浏览器对象模型。使用 BOM，开发者可以对浏览器进行访问和操作，比如移动窗口、改变状态栏、执行其他与页面不直接相关的动作。
由于没有 BOM 的统一标准，每种浏览器会有自己的 BOM 实现。但有一些事实上的标准，如窗口对象和导航对象，不过每种浏览器都会为这些对象定义自己的对象属性和方法。
BOM：location、history、navigator、screen
location
location 对象代表着 URL 本身，可以对浏览器地址进行访问与操作。
这个 location 对象很特殊，因为，它既属于 window 对象，又属于 window.document 对象。
| 方法 | 说明 |
|---|---|
| .replace(url) | 页面跳转，不保留浏览历史 |
| .assign(url) | 页面跳转，保留浏览历史，与 href 实现的跳转等效 |
| .reload(bool) | 页面刷新，bool 为 true 时，页面刷新从服务器读取数据，为 false 时，从缓存读取数据。 |
| 属性 | 说明 |
|---|---|
| hostname | 主机名 |
| protocol | 协议名 |
| pathname | 路径名 |
| host | 地址端口号 |
| href | 整个地址 |
| hash | 锚点字符串 |
| search | 查询字符串 |
实例
url：http://www.houheaven.com/temp.php?id=5#page3
alert(location.hostname);// www.houheaven.com
alert(location.protocol);// http:
alert(location.host);// www.houheaven.com
alert(location.pathname);// /temp.php
alert(location.href);// http://www.houheaven.com/temp.php?id=5#page3
alert(location.hash);// #page3
alert(location.search);// ?id=5
history
history 对象保存着用户上网的记录，从窗口打开的那一刻算起。
| 属性 | 说明 |
|---|---|
| length | 用户上网记录的总数 |
| 方法 | 说明 |
|---|---|
| .back() | 前往浏览器浏览历史记录的前一条URL，类似后退 |
| .forward() | 前往浏览器浏览历史记录的后一条URL，类似后退 |
| .go(num) | 前往浏览器浏览历史记录的指定URL |