History.pushState()

History.pushState()

https://developer.mozilla.org/ko/docs/Web/API/History/pushState

 

 

브라우저의 세션 기록 스택에 상태를 추가한다.

history.pushState(state, title[, url]);

state

- 새로운 세션 기록 항목에 연결할 상태 객체.

- 사용자가 새로운 상태로 이동할 때마다 popstate 이벤트가 발생! 이 때 이벤트 객체의 state 속성에 해당 상태의 복제본이 담겨 있다.

- 상태 객체는 직렬화 가능한 객체라면 모두 가능합니다.

title

- 빈 문자열을 지정하면 나중의 변경사항에도 안전하다. 아니면, 상태에 대한 짧은 제목을 제공할 수도 있다.

url 

- 브라우저를 재시작할 경우 탐색을 시도할 수도 있음.

- 상대 URL을 지정할 수 있으며, 이 땐 현재 URL을 기준으로 사용.

- 새로운 URL은 현재 URL과 같은 출처를 가져야 하며, 그렇지 않을 경우 예외가 발생.

- 지정하지 않은 경우 문서의 현재 URL을 사용.