常见浏览器 JS 对象常见 API 及用法

什么是浏览器的对象模型

BOM: Browser Object Model（浏览器对象模型）, 浏览器模型提供了独立于内容的、能够与浏览器窗口进行滑动的对象构造，就是浏览器提供的 API
其次要对象有：

1. window 对象 — BOM 对象的外围。是 JS 拜访浏览器的接口，也是 ES 规定的 Global 对象
2. location 对象：提供以后窗口中加载的文档无关的信息和一些导航性能，即是 window 对象属性，也是 document 对象属性
   window.location
   document.location
3. navigation 对象：获取浏览器的零碎信息
4. screen 对象：用来示意浏览器窗口内部的显示器的信息等
5. history 对象：爱护用户上网的历史信息

window 对象

window 对象是浏览器对象的外围模型，其扮演着即是接口又是全局对象的角色

alert()
confirm()
prompt()

open()
// 能够用来做前端监听 addEventlistener('onerror')
onerror()   

setTimeout()
// 应用 setTimeout 实现 setInterval
// const run = setTimeout(() => run(), 1000)
// 还是存在区别：setTimeout 强制期待了上一次状态，setInterval 并不会去期待
setInterval()

// 窗口地位
screenLeft
screenTop
// 实用 firefox
screenX
screenY

moveBy(x, y)
moveTo(x, y)

// 窗口大小
innerWidth
innerHeight

outerWidth
outerHeight

// 获取视窗宽度
// const clientWidth = window.innerWidth || document.body.clientWidth

resizeTo(width, height)
resizeBy(width, height)

location 对象

提供以后窗口中的加载的文档无关的信息和一些导航性能。既是 window 对象属性，也是 document 的对象属性

location 对象的次要属性：

hash
host
hostname
href
pathname
port
portname
search

navigation 对象

navigation 接口示意用户代理的状态和标识，容许脚本查问它和注册本人进行一些流动

// 能够用来判断网络
isOnline

history 对象

history 对象保留着用户上网的历史记录，从窗口被关上的那一刻算起，history 对象是用窗口的浏览历史用文档和文档状态列表的模式示意。

go()
back() // == go(-1)
forword() // == go(1)
length