javascript中window.history对象的作用场景

window.history对象提供了一个接口，用于操作浏览器历史记录，它可以在不刷新页面的情况下，对浏览器历史记录进行操作。

window.history.back()

// 返回上一页
window.history.back();

window.history.back() 方法可以让浏览器返回上一页，和浏览器的 “后退” 按钮类似。

window.history.forward()

// 返回下一页
window.history.forward();

window.history.forward() 方法可以让浏览器返回下一页，和浏览器的 “前进” 按钮类似。

window.history.go(n)

// 返回第n页
window.history.go(n);

window.history.go(n) 方法可以让浏览器返回第 n 页，n 可以是正数或负数，正数表示前进，负数表示后退。

window.history.length

// 获取历史记录的长度
var historyLength = window.history.length;

window.history.length 属性可以获取浏览器历史记录的长度，它可以用来判断用户浏览的历史记录页数。

window.history.pushState()

// 向历史记录中添加新的页面
window.history.pushState(state, title, url);

window.history.pushState() 方法可以向浏览器历史记录中添加新的页面，而无需刷新页面。它接受三个参数：state，title，url，其中 state 参数可以用来存储一些数据，title 参数可以用来设置页面标题，url 参数可以用来设置新页面的地址。

window.history.replaceState()

// 替换当前的历史记录
window.history.replaceState(state, title, url);

window.history.replaceState() 方法可以替换当前的历史记录，它接受三个参数：state，title，url，其中 state 参数可以用来存储一些数据，title 参数可以用来设置页面标题，url 参数可以用来设置新页面的地址。

window.history 对象可以用来操作浏览器历史记录，它提供了一系列的方法，可以让开发者在不刷新页面的情况下，对浏览器历史记录进行操作，从而达到优化用户体验的目的。