BOM

BOM

BOM (Browser Object Model)浏览器对象模型

window对象是BOM的核心，表示浏览器窗口的1个对象

window

1. document 文档对象，可以在js脚本中直接访问页面元素(DOM)
2. history 历史对象，包含窗口的浏览历史，可以实现后退
3. location 包含浏览器当前的地址信息，可以用来刷新本页面或跳转到新页面
4. frames 框架对象，可以获取页面框架内容
5. screen 包含有关客户端显示屏幕的信息
6. navigator 导航对象，包含所有有关访问者浏览器的信息

window对象的方法

可以使用window.调用 也可以直接调用

// alert() 弹出提示框

// confirm() 创建1个需要用户确认的对话框

// prompt() 创建1个对话框要求用户输入信息

// open(url, name, [options]) 打开1个新窗口并返回1个新window对象

// setInterval() 设置定时器
// claarInterval()
// setTimeout()
// clearTimeout()

// close() 关闭窗口

// print() 调出打印对话框

location

location对象是window对象的属性 也是document对象的属性 
window.document.location
window.location 等效于 document.location

console.log(location)  // window可以省略 当前url


location对象属性
// href 整个url
location.href  = "https://baidu.com"  // 设置跳转url

// protocol 协议部分

// host 主机名端口号

// hostname 主机名

// port 端口号

// pathname 路径名

// search 查询字符串

// hash 表示锚点部分

location对象方法
// location.assign('http://baidu.com')  跳转到指定url 与 href等效

// location.reload()  // 最有效的重新加载 有缓存加载
// location.reload(true)  // 强制加载，从服务器源头重新加载

// location。replace('http：//baidu.com')  // 用新的url替代，避免产生历史记录

history

从窗口被打开开始保存用户上网记录

history属性
// history.length  // history对象的记录数

history方法
// history.back()  // 前往浏览器历史前一个url，类似后退
// history.forward()  // 前往浏览器历史下一个url，类似前进

// history.go(0)  // 0刷新 1前进 -1后退

navigator

navigator属性
// navigator.appName  // 浏览器名称
// navigator.appVersion  // 浏览器版本
// navigator.platform  // 操作系统
// 最新的浏览器已经放弃以上属性

// navigator.userAgent // 用户代理信息，通过该属性可以获取浏览器及操作系统信息