JS Window 히스토리

window.history 객체는 브라우저의 히스토리를 포함합니다.

history 객체

window.history이 객체는 현재 프레임이나 창에서 접근한 모든 페이지 목록을 포함하는 브라우저 세션 히스토리를 포함합니다.

window.history윈도우 프리كس가 없는 객체를 작성할 수 있습니다.

일부 예제:

• history.back()

• history.forward()

• history.go()

다음 장에서 사용자의 브라우징 히스토리 정보를 얻는 방법을 보여드리겠습니다.

그러나 사용자의 개인 정보를 보호하기 위해 JavaScript가 이 객체에 접근할 수 있는 제한이 있습니다.

방문한 페이지 수를 얻습니다

이history.length속성은 현재 창의 브라우저 세션 히스토리에 있는 페이지 수를 반환합니다.

현재 로드된 페이지도 포함됩니다.

var result = history.length;　//　현재 세션 히스토리의 크기를 반환합니다.

이 속성을 사용하여 사용자가 현재 브라우저 세션 동안 얼마나 많은 페이지를 방문했는지 찾을 수 있습니다.

이전 페이지로 돌아가기

이history.back()이 메서드는 히스토리 목록의 이전 URL을 로드합니다.

이는 브라우저에서 '뒤로 버튼'을 클릭하는 것과 같습니다.

<button　onclick="history.back();">뒤로</버튼>

위의 코드는 다음과 같은 출력을 표시합니다:

다음 페이지로 이동

이history.forward()이 메서드는 히스토리 목록에서 다음 URL을 로드합니다.

이는 브라우저에서 '이전 버튼'을 클릭하는 것과 같습니다.

<button　onclick="history.forward();">앞으로</버튼>

위의 코드는 다음과 같은 출력을 표시합니다(히스토리 목록에 다음 페이지가 없으면 이 예제는 작동하지 않습니다):

특정 페이지로 이동

또한 다음을 사용할 수 있습니다history.go()이 메서드는 세션 히스토리에서 특정 페이지를 로드합니다.

이 메서드는 정수를 매개변수로 받습니다.

음수는 히스토리 기록에서 뒤로 이동하며, 양수는 히스토리 기록에서 앞으로 이동합니다.

<button　onclick="history.go(-2);">뒤로2페이지</버튼>

위의 코드는 다음과 같은 출력을 표시합니다:

주의:Windows 히스토리에 존재하지 않는 페이지에 접근하려고 할 때, 이 메서드history.back()，history.forward()또는history.go()아무런 동작도 발생하지 않습니다.