浏览器对象模型(Browser Object Model)
是由浏览器提供的处理 document 之外的其他所有内容的对象,用于访问浏览器的功能

location

包含URL相关的信息,可读可写

  • href:完整 URL
  • protocol:协议(如 “https:”)
  • host:主机名 + 端口(URL 中没有显式的则为空)
  • hostname:主机名
  • port:端口(URL 中没有显式的则为空 ”)
  • pathname:包含地址中 ’/’ 及后面,不包括 search 和 hash
  • search:包含地址中 ’?’ 及后面,不包括 hash
  • hash:包含地址中 ’#’ 及后面
  • reload():重新加载一遍页面

history

页面的前进和后退

  • length:当前窗口访问过的网址数量(包括当前页)
  • state:History 栈顶的 state 值
  • back():向后移动一页,第一个网址无效果
  • forward():向前移动一页,最后一个网址无效果
  • go(n):从会话历史记录中加载特定页面。n:正数向前,负数向后,0 相当于 location.reload()
  • pushState():向当前 History 中添加一个新的记录
  • replaceState():替换 History 的当前记录

navigator

包含浏览器的信息

  • userAgent:浏览器完整信息
  • clipboard:剪切板
  • cookieEnabled:是否开启 cookie

screen

表示显示器屏幕的信息

  • width / height:屏幕宽度/高度(像素)
  • availWidth / availHeight:屏幕可用宽度/高度(像素),减去任务栏等被占用的空间
  • orientation:屏幕当前的方向