[BOM] JS - Window History 객체 - 이력객체 (= 히스토리객체 = History객체 = 뒤로가기 + 앞으로가기 = 이전페이지 + 다음페이지)

window.history 객체

 

window.history 객체는 브라우저의 이력 포함.

 

---

 

1.

window.history객체는 window 접두사 없이 작성 가능.

 

2.

사용자 개인정보 보호 위해, JS가 이 객체에 접근하는 방법에 제한 존재함.

 

history.back() - 브라우저의 뒤로가기 버튼 클릭과 동일.

history.forward() - 브라우저의 앞으로가기 버튼 클릭과 동일.

 

history.back() 메서드 - 뒤로가기 (= 방문했던 이전페이지로 가기)

 

<script>

function goBack() {

  window.history.back()

}

</script>

<input type="button" value="뒤로가기" onclick="goBack()">

 

history.forward() 메서드 - 앞으로가기 (= 방문했던 다음페이지로 가기)

 

<script>

function goForward() {

  window.history.forward()

}

</script>

<input type="button" value="앞으로가기" onclick="goForward()">