JavaScript History API

Window History 객체

History 객체는 사용자가(브라우저 창에서) 방문한 URL을 포함하고 있습니다.

History 객체는 window 객체의 속성입니다.

History 객체는 다음과 같은 방식으로 접근됩니다:

window.history 또는 단순히 history를 사용하세요:

인스턴스

let length = window.history.length;

직접 시도해 보세요

let length = history.length;

직접 시도해 보세요

History 객체 속성 및 메서드

속성/메서드 설명
back() 이력 목록에서 이전 URL(페이지)을 로드합니다.
forward() 이력 목록에서 다음 URL(페이지)을 로드합니다.
go() 이력 목록에서 특정 URL(페이지)을 로드합니다.
length 이력 목록에 있는 URL(페이지)의 수를 반환합니다.

History 객체 설명

History 객체는 원래 창의 브라우징 이력을 나타내기 위해 설계되었습니다. 하지만 개인 정보 보호의 이유로, History 객체는 이미 방문한 실제 URL에 대한 스크립트 접근을 허용하지 않습니다. 사용할 수 있는 기능은 단지 back()、forward() 와 go() 메서드.

예제

아래 코드 행이 수행하는 작업은 뒤로 가기 버튼을 클릭하는 작업과 동일합니다：

history.back()

아래 코드 행이 수행하는 작업은 두 번 클릭하여 뒤로 가기 버튼을 클릭하는 작업과 동일합니다：

history.go(-2)