JavaScript

자바스크립트 브라우저 객체 모델(BOM) - History 객체

ktko 2016. 12. 2. 10:52


자바스크립트 브라우저 객체 모델(BOM) - History 객체


history객체는 히스토리 스택 메모리 내에 사용자가 열어본 페이지를 저장합니다.

그렇기 때문에 history 객체를 이용해서 페이지를 이동시에, 가장 최근에 열어본 페이지로 이동할 수 있습니다.


History 객체의 Property

PropertyDescription

length

히스토리 스택에 저장되어 있는 페이지 수를 나타냅니다.


History 객체의 Method

MethodDescription

go(정수)

정수만큼 이동합니다. 음의정수일 경우 이전 페이지로 이동합니다. 

back()

이전 페이지로 돌아가며 go(-1)과 동일합니다. 

forward() 

다음 페이지로 넘어가며 go(1)과 동일합니다. 


크게 어려운 내용이 아니라 간단한 샘플 코드를 남기겠습니다.

<input type="button" value="History length" onclick="alert(history.length);" />
<input type="button" value="Back" onclick="history.back()" />
<input type="button" value="Forward" onclick="history.forward()" />
<input type="button" value="Go back 3 pages" onclick="history.go(-3)" />