Js Bom操作

定义：Bom：浏览器对象模型（Browser Object Model，简称 BOM）提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作

---

BOM对象：

window 对象，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；
document 对象，文档对象；
location 对象，浏览器当前URL信息；
navigator 对象，浏览器本身信息；
screen 对象，客户端屏幕信息；
history 对象，浏览器访问历史信息；

一、Window对象

BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是Global对象。

特性：

• 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
• 全局变量是 window 对象的属性。
• 全局函数是 window 对象的方法。

二、 location对象

window.location对象：用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。在编写时可不使用 window 这个前缀。

例：

location.herf = 'url地址'
hash 返回#号后面的字符串，不包含散列，则返回空字符串。
host 返回服务器名称和端口号
pathname 返回目录和文件名。
search 返回？号后面的所有值。

portocol 返回页面使用的协议。 http:或https:
 

三、navigator对象

window.navigator 对象包含有关访问者浏览器的信息。在编写时可不使用 window 这个前缀。

例：

navigator.appName：浏览器名称；

navigator.appVersion：浏览器版本；

navigator.language：浏览器设置的语言；

userAgent是最常用的属性，用来完成浏览器判断。

四、screen对象

window.screen 对象包含有关用户屏幕的信息。

网页可见区域宽高：
      

 document.documentElement.clientWidth
 document.documentElement.clientHeight

网页正文全文宽：
       

document.body.scrollWidth;
document.documentElement.scrollWidth;

网页正文全文高：
       

document.body.scrollHeight;
document.documentElement.scrollHeight;

 网页被卷去的高：
       

document.body.scrollTop;

网页被卷去的左：
      

 document.body.scrollLeft;

五、history对象

window.history 对象包含浏览器的历史。

history.back() - 加载历史列表中的前一个 URL。返回上一页。

history.forward() - 加载历史列表中的下一个 URL。返回下一页。