JavaScript에서 브라우저 히스토리 목록에 있는 이전 URL을 로드하려면 history.back() 메서드를 사용하면 됩니다. 이 메서드는 사용자가 브라우저의 '뒤로 가기' 버튼을 클릭한 것과 동일한 동작을 수행합니다.
사용 방법
window 객체의 history 속성에 접근하여 back() 메서드를 호출하는 방식으로 구현할 수 있으며, 버튼 클릭과 같은 이벤트와 함께 자주 사용됩니다.
예제
다음 코드를 실행하면 버튼을 클릭했을 때 이전 페이지로 이동합니다.
<!DOCTYPE html>
<html>
<body>
<script>
function backPage() {
window.history.back();
}
</script>
<input type = "button" value = "이전 URL로 이동" onclick = "backPage()">
</body>
</html>함께 알아두면 좋은 히스토리 메서드
History API에는 back() 외에도 다양한 탐색 메서드가 제공됩니다.
- history.back(): 히스토리에서 한 단계 뒤로 이동합니다.
- history.forward(): 히스토리에서 한 단계 앞으로 이동합니다.
- history.go(n): 지정한 숫자만큼 히스토리를 이동합니다. 예를 들어 go(-1)은 back()과 동일하고, go(-2)는 두 단계 뒤로 이동합니다.
단, 히스토리에 이전 페이지가 존재하지 않는 경우 이 메서드들은 아무 동작도 수행하지 않으므로, 필요에 따라 방문 기록 여부를 고려하여 사용하는 것이 좋습니다.