History.state
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
History.state 속성은 현 history에 해당하는 state값을 나타냅니다.
popstate 이벤트가 트리거될때가 아닌 상태에서 state값을 볼 수 있는 방법입니다.
구문
js
const currentState = history.state;
값
현 history에 위치한 값입니다. 이 값은 pushState() 또는 replaceState()을 사용할때까지 null 값을 가집니다.
예제
history.state 로 초기값을 보여준 후 pushState()를 사용하여 State를 푸시합니다.
다음 코드 줄은 history.state 를 사용하여 콘솔에다 값이 푸시되었음을 보여줍니다.
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 |
브라우저 호환성
BCD tables only load in the browser