The 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
event.
The 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
event.
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.
js
// 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);
Specification |
---|
HTML Standard # dom-history-state-dev |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
state |
19 | 12 | 4 | 10 | ≤12.1 | 6 | 4.4 | 25 | 4 | ≤12.1 | 6 | 1.5 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/History/state