BOM api

window 对象

• BOM 的核心是window 对象，表示浏览器的实例。
• var 声明的全局变量和全局函数都会变成 window 对象的属性和方法
• let const 则不会

窗口位置与像素比

• window.moveTo(x, y) 移动位置是绝对坐标
• window.moveBy(x, y) 移动位置是相对坐标
• window.devicePixelRatio 像素比（暂无）

窗口大小

• innerWidth innerHeight 浏览器窗口页面视口的大小（不包含工具栏和边栏）
• outerWidth outerheight 浏览器窗口自身大小（）
• document.documentElement.clientWidth 和 document.documentElement.clientHeight 返回页面视口的宽高
• document.compatMode 用来判断当前浏览器采用的渲染方式。
  • BackCompat：标准兼容模式关闭。浏览器客户区宽度是document.body.clientWidth；
  • CSS1Compat：标准兼容模式开启。浏览器客户区宽度是document.documentElement.clientWidth
• 调整窗口大小
  • window.resizeTo() 接受新的宽高值
  • window.resizeby() 接受宽高各要缩放多少
• 调整适口位置（支持 behavior 属性：表示是否平滑移动）
  • scroll() 滚动坐标
  • scrollTo() 滚动坐标
  • scrollBy() 滚动距离
• 导航与打开新窗口
  • window.open()
• 定时器
  • setTimeout & clearTimeout
  • setInterval & clearInterval
• 系统对话框
  • alert()、confir、prompt()
  • window.find() 显示查找对话框
  • window.print() 显示打印对话框

location 对象

• location.hash #号后面的值

• location.host 服务器名 及 端口号

• location.hostName 服务器名

• location.href 当前 url 路径

• location.toString() 同上

• location.pathname url中的路径和（或）文件名

• location.port 端口号

• location.protocol 页面使用的协议 http or https

• location.search url的查询字符串 以 ？开头

• location.origin url原地址 只读

• location.username 域名前指定的用户名

• location.password 域名前指定的密码

• new URLSearchParams(location.search)

• 修改 location 对象

  • window.assign(”)
  • window.location = ”
  • window.locatiobn.href = ”
  • window.location.replace(”)
  • window.location.reload() ture 参数可选可不选

navigator 对象

• 暂无

screen 对象

• 暂无

history 对象

• window.history.go()
• window.history.back() 前进一页
• window.history.forward() 后退一页
• window.history.length 表示历史记录中有多少条目