js历史记录管理

方式1：

loaction.hash

onhashchange 事件

JS代码来设置loaction.hash值后 会在浏览器的历史记录中添加一条记录 并更新到地址栏URL (更新的值体现在地址栏中#号结尾部分URL+#+值)

注册window.onhashchange事件单用户点击前进回退按钮后 促发事件再通过location.hash值来获取记录的值

在离开页面时候可以将应用需要保存的数据转换成字符串存储在location.hash字段中 回到页面后可以获取该值来初始化应用

(URL+#+标签id通常也用做将页面滚动到指定标签位置)

方式二：

history.pushState()

window.onpopstate事件

代码调用history.pushState("数据对象","title",“#test”) 方法会在浏览器记录中添加一条记录 参数一为要保存的数据

当用户使用“前进”，"后退"按钮后 促发onpopstate(event)方法并将保存的数据携带在event.state变量中