[JavaScript] 자바스크립트로 HTML페이지 이동하기(앞/뒤로 가기)

097_자바스크립트로 HTML페이지 이동하기(앞/뒤로 가기)

[적용]

• 브라우저의 '뒤로 가기' 버튼과 같은 동작을 구현하고 싶을 때

---

[문법]

메소드	의미	반환
history.back()	뒤로 가기로 화면 이동	없음
history.forward()	앞으로 가기로 화면 이동	없음
history.go(숫자)	임의의 수만큼 화면 이동	없음

---

[내용]

브라우저의 '뒤로 가기' 버튼과 같이 히스토리를 거슬러 올라가는 다음의 메소드를 확인해 보자

history.back();

 

다음 메소드는 브라우저의  '앞으로 가기'버튼과 같은 작업을 한다.

history.forward();

 

임의의 숫자를 전달하여 히스토리를 이동하는 메소드는 음수를 입력하면 뒤로 가기,

양수를 입력하면 앞으로 가기 작업이 실행된다.

history.go(-1);  // '뒤로 가기'와 같이 작동

 

---

 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김