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

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
state

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

같이 보기