History.state
property returns a value representing the state at the top of the history stack.
This is a way to look at the state without having to wait for a
popstate
事件。
const currentState = history.state
The state at the top of the history stack. The value is
null
until the
pushState()
or
replaceState()
method is used.
The code below logs the value of
history.state
before using the
pushState()
method to push a value to the history. The next line logs the value to the console again, showing that
history.state
now has a value.
// Should be null because we haven't modified the history stack yet
console.log(`History.state before pushState: ${history.state}`);
// Now push something on the stack
history.pushState({name: 'Example'}, "pushState example", 'page3.html');
// Now state has a value.
console.log(`History.state after pushState: ${history.state}`);
| 规范 | 状态 | 注释 |
|---|---|---|
|
HTML 实时标准
The definition of 'History.state' in that specification. |
实时标准 | |
|
HTML5
The definition of 'History.state' in that specification. |
推荐 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
state
|
Chrome Yes | Edge 12 | Firefox Yes | IE 10 | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
完整支持
历史
length
scrollRestoration
state