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

같이 보기