BOM

BOM

1. 定义: 浏览器模型对象,是js脚本与浏览器窗口的桥梁。
2. 对象模型：
   (1) window ： 包括全局属性、方法，控制浏览器窗口相关的属性、方法
   (2) location：浏览器连接到对象的位置（URL）
   (3) history：浏览器的历史
   (4) document：当前窗口操作文档的对象

window对象

1. 全局对象
   在node是Global, 在浏览器里就是window

2. 浏览器窗口对象(BOM)
   (1) 作为浏览器窗口时,提供了对浏览器操作的相关的API(继承自Event Target)

   window.onhashChange 监听地址栏哈希地址的改变
   
   
   /* 继承自Event Target ,所以有 addEventListener()/removeEventListener()/window.dispatchEvent() */
   
   /* 派发事件 */
   window.dispatchEvent( new Event('自定义事件对象') )
   addEventListener( '自定义事件对象',()=>{} )

location对象

1. 定义: 获取URL信息

history

1. 定义:访问会话历史记录
2. 属性:
   (1) length: 会话中记录的条数
   (2) state: 当前保留的状态值
3. 常用方法

   back(): 返回上一页,等价于history.go(-1)
   forward(): 前进下一页,等价于history.go(1)
   go(): 加载历史中的某一页
   pushState( { name:  'xxx' }, '',  '/path'( 路径 )  ): 打开一个指定的地址,不刷新网页
   replaceState( ):打开一个新地址,并且使用replace