[JavaScript] Web APIs - History

History

 

브라우저 히스토리 (세션 기록) 정보를 반환하거나 제어한다.

 

// 속성
// .length: 등록된 히스토리 개수
// .scrollRestoration: 히스토리 탐색시 스크롤 위치 복원 여부 확인 및 지정
// .state: 현재 히스토리에 등록된 데이터(상태)

// 메서드
// .back(): 뒤로 가기
// .forward(): 앞으로 가기
// .go(위치): 현재 페이지 기준 특정 히스토리 '위치'로 이동

// .pushState(상태, 제목, 주소): 히스토리에 상태 및 주소를 추가
// .replaceState(상태, 제목, 주소): 현재 히스토리의 상태 및 주소를 교체
// > 모든 브라우저(사파리 제외)는 '제목' 옵션을 무시

console.log(history);

history.pushState({a:1}, '', '/#hello4'); // 히스토리에 상태 및 주소를 추가
history.replaceState({b:2}, '', '/#hello5'); // 교체하는 것이기 때문에 length는 바뀌지 않음