Html5 history对象详解

这个文章记录的是 html5 原生的 history 对象，不是 vue-router 的 history。

作用

history 接口允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。window.history: 返回当前会话的 history 状态。

属性

• history.length

只读,返回一个整数，该证书表示会话历史中元素的数目，包括当前加载的页。

• history.scrollRestoration

允许 web 应用程序在历史导航上显示的设置默认滚动恢复行为。此属性可以是自动的（auto）或者手动的(manual)。

# 这个属性在 vue-router 中设置了 scrollBehavior 属性的时候，会将 history.scrollRestoration 设置为 “manual”。

• history.state

只读，表示历史堆栈顶部的状态的值。当通过浏览器存在前进后退的操作时，会触发 popState 事件，且会将该 state 携带回来。

方法

• history.back()

在浏览器里是里前往上一页，用户可以点击浏览器左上角的返回。等价于 history.go(-1);当浏览器会话历史记录处于第一页时调用此