JavaScript로 브라우저 기록 목록에서 다음 URL을 로드하는 방법

JavaScript에서 브라우저 히스토리(방문 기록) 목록의 다음 URL을 로드하려면 history.next() 메서드를 사용할 수 있습니다.

기본 사용법

다음과 같이 함수를 정의한 후 버튼 클릭 이벤트와 연결하여 다음 페이지로 이동할 수 있습니다.

<!DOCTYPE html>
<html>
  <body>
    <script>
      function nextPage() {
        window.history.next();
      }
    </script>

    <input type="button" value="다음 URL" onclick="nextPage()">
  </body>
</html>

참고: 최신 브라우저에서의 대안

history.next()는 과거 일부 브라우저에서만 지원되던 비표준 메서드입니다. 현재 대부분의 모던 브라우저에서는 같은 기능을 하는 표준 메서드인 history.forward()를 사용하는 것이 좋습니다.

function nextPage() {
  window.history.forward(); // 히스토리 목록에서 한 단계 앞으로 이동
}

또한 history.go(1)을 사용하면 히스토리에서 지정한 단계만큼 앞으로 이동할 수 있으며, 음수 값을 넣으면 뒤로 이동합니다(history.go(-1)은 뒤로 가기와 동일).

정리

history.next(): 비표준 메서드로 현재는 거의 지원되지 않음
history.forward(): 다음 URL로 이동하는 표준 방법 (권장)
history.go(n): n단계 앞뒤로 자유롭게 이동 가능