뒤로가기 버튼, 앞으로가기 버튼

 

[javascript] 뒤로가기(이전 페이지), 앞으로가기(다음 페이지) 구현 - window.history.back(), forward(), go()

<button onclick="window.history.back()">back</button>
<!-- 뒤로가기 버튼-->

<button onclick="window.history.forward()">forward</button>
<!-- 앞으로 가기 버튼-->

 

블로그 글을 보다보니 forward를 쓰는 사람도있고 go를 쓰는사람도있어서 찾아보니 history.go는 앞뒤 둘다 갈 수 있는 메서드였다.

History.go() - Web API | MDN

//또는 history.go()를 사용할 수 있다.

history.go(-1)
//history.back()과 동일하다

history.go(1)
//history.forward()과 동일하다

history.go([delta])
// delta에 다른 숫자를 넣으면 2페이지 앞, 3페이지 뒤.. 등으로 이동하게 할 수 있다.

 

 

위 방법을 알게되어서 사용했는데.. 조금 주의할점이 있다는 소리를 들었다..

만약 리다이렉션을 시킨 페이지에서 위 코드를 써서 뒤로가기 버튼을 만들면

다시 리다이렉션 전 페이지로 갔다가 다시 원래페이지로 돌아오는.. 뒤로가기 버튼이 된다고했다..

이런 점은 어떻게 해결하는지 찾아봐야할것 같다.