BOM 对象模型(全,适合萌新,通俗易懂)

BOM 浏览器对象模型

JavaScript 通过 BOM (Browser Object Model) 操作浏览器.

window 对象

浏览器打开的每一个窗口, 被看成 BOM 的一个实例对象. window 对象

window 对象中的 子对象:

document 对象 包含当前窗口所显示页面文档的所有内容, 是学习的重点.

location对象 操作地址栏

history对象 访问历史记录

screen对象 查看屏幕信息

navigator对象 查看浏览器特性（版本、厂商、内核、产品名等）

作为浏览器顶层对象以及全局执行环境的window包含的内容有很多，所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员，BOM成员自然也不例外。当然实际使用上述对象时可以省略window，例如 window.location 与 location是一样的。

location 对象

href 属性

let res = confirm('确认要离开当前页面吗?')
if (res) {
   
    location.href = 'http://www.baidu.com'
}

search 属性

// 当前url为 http://www.jd.com/index.html?sex=nv&age=18

console.log( location.search )  // ?sex=nv&age=18

reload( ) 方法

重新加载页面（刷新） 该方法只有一个参数，当值为 true 时，将强制浏览器从服务器加载页面资源，当值为 false 或者未传参时，浏览器则可能从缓存中读取页面

location.reload()

其它

console.log(window.location)

console.log(location.href)
console.log(location.protocol)
console.log(location.host