window.history对象用于管理浏览器历史记录。它提供了一些方法和属性,可以用于在浏览器历史记录中进行导航和操作。

以下是一些常用的方法和属性:

history.length 属性可以获取当前浏览器历史记录中的页面数量。

history.back() 方法用于回到浏览器历史记录中的上一页。

history.forward() 方法用于前进到浏览器历史记录中的下一页。

history.go(n) 方法用于在浏览器历史记录中向前或向后导航指定的页数。参数n可以是正数(向前导航)或负数(向后导航)。

history.pushState(stateObj, title, url) 方法用于向浏览器历史记录中添加一个新的状态(state)。stateObj参数可以是一个对象,用于保存自定义的状态数据。title参数是可选的,用于设置新页面的标题。url参数是可选的,用于设置新页面的URL。

history.replaceState(stateObj, title, url) 方法用于替换当前浏览器历史记录中的状态。使用方式和参数与pushState方法相同。

注意:pushState和replaceState方法只会添加或替换浏览器历史记录中的状态,并不会真正导航到新的页面。如果要实现页面导航的效果,还需要使用其他技术,例如监听popstate事件,并在事件处理函数中进行页面的更新操作。

示例代码:

console.log(history.length); // 打印当前浏览器历史记录中的页面数量history.back(); // 回到上一页history.forward(); // 前进到下一页history.go(-2); // 向后导航两页history.pushState({ data: 'state1' }, 'State 1', '/state1'); // 添加一个新的状态history.replaceState({ data: 'state2' }, 'State 2', '/state2'); // 替换当前状态