常见浏览器 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()// 窗口地位screenLeftscreenTop// 实用 firefoxscreenXscreenYmoveBy(x, y)moveTo(x, y)// 窗口大小innerWidthinnerHeightouterWidthouterHeight// 获取视窗宽度// const clientWidth = window.innerWidth || document.body.clientWidthresizeTo(width, height)resizeBy(width, height)

location 对象

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

location 对象的次要属性：

hashhosthostnamehrefpathnameportportnamesearch

navigation 对象

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

// 能够用来判断网络isOnline

history对象

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

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