[JavaScript] history 객체 사용법

1. History 객체(Object)

우리가 웹브라우저로 인터넷을 이용하면서 이전 페이지가 보고 싶다면 또는 이후 페이지를 보고싶다면 브라우저 상단의

←(뒤로), →(앞으로) 의 버튼으로 페이지를 이동하는 원리와 같은데요.

이것에 대한 페이지 이동을 History 객체로 하여금 제어할 수 있습니다.

2. history 메소드(Method)

history 객체는 다음과 같은 메소드를 가지고 있습니다.

• history.back();
• history.forward();
• history.go( 숫자[음수 가능] );

3. 상세 설명

• back() - 이전 페이지로 이동.
• forward() - 다음 페이지로 이동.
• go( 숫자 ) - 현재 페이지를 기준으로 지정한 숫자(음수, 양수)만큼 페이지 이동.

4. 사용 방법

<button type="button" onclick="history.go(-2);">2페이지 이전</button>

<button type="button" onclick="history.back();">이전</button>

<button type="button" onclick="history.forward();">다음</button>

<button type="button" onclick="history.go(2);">2페이지 다음</button>

위와 같은 방법으로 페이지를 다음, 이전, 2단계 앞뒤로 이동할 수 있게 버튼을 만들어 제어할 수 있습니다.

사용법은 무궁무진하기 때문에 위를 참고하여 각자 만들어 보시기 바랍니다. ^^