浏览器相关 - 浏览器内置对象

常见浏览器 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