자바스크립트에서 사용하는 history 객체 이해하기

history 객체란?

history 객체는 브라우저의 세션 기록을 저장하는 객체이다. 이 객체는 뒤로가기, 앞으로 가기, 페이지 이동 등과 같은 브라우저의 기록을 조작할 수 있는 다양한 메서드를 제공한다.

history 객체 메서드

window.history.back();

뒤로가기 버튼을 누르는 것과 같은 동작을 수행한다.

window.history.forward();

앞으로 가기 버튼을 누르는 것과 같은 동작을 수행한다.

window.history.go(1);

앞으로 가기와 같은 동작을 수행한다. 숫자를 인수로 전달하여 페이지 이동 횟수를 조절한다. 음수를 전달하면 뒤로 이동한다.

history 객체 프로퍼티

window.history.length

현재 브라우저의 세션 기록 길이를 반환한다.

요약

history 객체는 브라우저의 세션 기록을 저장하며, 이를 조작할 수 있는 여러 메서드를 제공한다. 뒤로가기, 앞으로 가기, 페이지 이동 등의 기록을 조작할 수 있다. 이 객체를 사용하여 웹 페이지의 네비게이션을 관리하면 유용하다.

키워드: 자바스크립트 history 객체