Skip to main content

History

属性

History.length 只读

返回整数,表示历史记录数量,包括当前页面

History.scrollRestoration 实验

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

History.state 只读

返回一个表示历史堆栈顶部的状态的值。这是一种可以不必等待popstate 事件而查看状态而的方式。

已废弃

History.current

可以使用 Location.href 来代替它

History.next

代表session历史记录中后一个项目URL的DOMString

History.previous

代表session历史记录中前一个项目URL的DOMString

方法

概念和使用

在历史记录里前进和后退

window.history.back()
window.history.forward()

跳转到历史记录里指定的页面,参数是相对当前页面的位置,当前页面是 0。

window.history.go(-1)

给 go 方法传 0 或者不传参数可以用来刷新当前页面

window.history.go(0);
window.history.go();

可以通过 window.history.length 查看历史堆栈长度

let numberOfEntries = window.history.length

window 下可以给 go 方法传递 URL 连接进行跳转,但这不是标准用户,其他引擎不支持。

例子

可以通过 window.onpopstate 监视 history stack pop 出记录的行为

window.onpopstate = function(event) {
alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

history.pushState({page: 1}, "title 1", "?page=1");
history.back(); // alerts "location: http://example.com/example.html?page=1, state: {"page":1}"

参考