history
History对象存储在Window对象的history属性中,包含用户在浏览器中访问过的URL信息.
- length: 返回历史列表中的URL数量
history.back(),加载histroy列表中的前一个urlhistory.forward(),加载history列表中的下一个urlhistory.go(),加载history中某个具体的urlhistory.pushState(),添加一条历史记录不刷新界面history.replaceState(),替换当前历史记录,不刷新界面
window.onpopstate历史记录发生改变时触发,但是pushState、replaceState不会触发这个事件
window.onhashchang当页面hash更改时触发
location
Location对象存储在Window对象的Location属性中,包含当前窗口文档的URL信息.
- href: 返回完整的文档URL.
location.toString() === location.href - protocol: 返回当前URL的协议,即
//前 - host: 返回当前文档URL的主机名和端口
- hostname: 返回当前文档URL的主机
- port: 返回当前文档URL的端口
- pathname: 返回URL的路径名
- search: 返回URL的查询部分,即
?后的部分 - hash: 返回URL的锚点,即
#后的部分 location.assign()加载新的文档location.reload()重新加载当前文档 === 刷新location.replace()用新的文档替换当前的文档
http://www.test.com:8080/api/v3/getInfo?param=1
// protocol: http:
// host: www.test.com:8080
// hostname: www.test.com
// port: 8080
// pathname: /api/v3/getInfo
// search: param=1
http://www.test.com/static/view/index.html#/dashboard
// hash: /dashboard
navigator
Navigator对象存储在window对象的navigator属性中,包含了用户代理的状态和标示信息.
- activeVRDisplays:
navigator.activeVRDisplays筛选所有的VRDisplay对象并以一个数组返回ispresenting === true的对象 - appCodeName:
navigator.appCodeName返回当前浏览器的内部"开发代号"名称 - appName:
navigator.appName返回当前浏览器的官方名称 - appVersion:
navigator.appVersion返回当前浏览器的版本 - clipboard:
navigator.clipboard返回设备的剪切板信息 - connection:
navigator.connection返回当前设备的网络状态信息 - cookieEnabled:
navigator.cookieEnabledcookie是否在浏览器中可用 - geolocation:
navigator.geolocation返回设备的地理信息 - javaEnabled:
navigator.javaEnabled当前设备是否支持JAVA - keyboard:
navigator.keyboard提供当前设备的键盘的访问 - language:
navigator.language浏览器用户界面的语言(优先级最高) - languages:
navigator.languages浏览器中用户已知语言数组,按照优先级排列 - onLine:
navigator.onLine浏览器是否联网 - oscpu:
navigator.oscpu返回当前操作系统名 - permissions:
navigator.permissions返回一个permission对象,用于查询和更新API的权限状态 - platform:
navigator.platform返回浏览器平台名 - plugins:
navigator.plugins返回浏览器中安装的插件 - userAgent:
navigator.userAgent返回当前浏览器的用户代理 - product:
navigator.product === Gecko - serviceWorker:
navigator.serviceWorker返回ServiceWorkerContainer对象用于提供注册、删除、更新以及serviceWorker之间的通信
screen
Screen对象存储在window对象的screen属性中,包含客户端显示屏幕的相关信息
- height:
screen.height返回屏幕的总高度 - width:
screen.width返回屏幕的总宽度 - availHeight:
screen.availHeight返回屏幕可用高度 - availWidth:
screen.availWidth返回屏幕可用宽度 - availLeft:
screen.availLeft距左 - availTop:
screen.availTop距上 - colorDepth:
screen.colorDepth返回目标设备或缓冲器上的调色板的比特深度 - pixelDepth:
screen.pixelDepath返回屏幕的颜色分辨率
