JavaScript를 사용하여 브라우저를 이전 페이지로 이동하는 방법

웹 애플리케이션의 직접 링크는 사용자가 어떤 페이지에 있든 관계없이 특정 페이지로 이동합니다. 하지만 사용자가 있던 이전 페이지로 사용자를 이동시키려면 어떻게 해야 할까요?

브라우저의 URL 표시줄에 가까운 뒤로 버튼은 이미 다음과 같이 작동합니다.



그러나 이를 위해 사용자 정의 버튼을 제공할 수도 있습니다. 방법은 다음과 같습니다...

히스토리 API

브라우저는 window 개체에 대한 History API를 노출하여 브라우저의 기록 세션에 대한 액세스를 제공합니다. 이 API는 또한 기록의 서로 다른 세션 간에 서로 다른 전환 방법에 대한 액세스를 제공합니다.

히스토리.백()

사용 사례에 필요한 메서드는 다음과 같이 사용되는 back() 메서드입니다.

window.history.back()

이 메서드를 호출하면 브라우저가 이전 페이지로 이동합니다. 이전 세션 기록이 없으면 이 메서드는 아무 작업도 수행하지 않습니다.

history.go()

기록 API에는 특정 기록 세션으로 이동할 수 있는 go() 메서드도 있습니다. 구문:

window.history.go(index)

세션 기록에서 한 페이지 뒤로 돌아가려면:

window.history.go(-1)

두 페이지 뒤로 돌아가려면:

window.history.go(-2)

한 페이지 앞으로 이동하려면:

window.history.go(1)

back() 메서드와 유사하게 대상 세션 기록이 존재하지 않는 경우 호출 시 함수가 아무 작업도 수행하지 않습니다.