JavaScript
자바스크립트 브라우저 객체 모델(BOM) - History 객체
ktko
2016. 12. 2. 10:52
자바스크립트 브라우저 객체 모델(BOM) - History 객체
history객체는 히스토리 스택 메모리 내에 사용자가 열어본 페이지를 저장합니다.
그렇기 때문에 history 객체를 이용해서 페이지를 이동시에, 가장 최근에 열어본 페이지로 이동할 수 있습니다.
History 객체의 Property
Property | Description |
---|---|
length | 히스토리 스택에 저장되어 있는 페이지 수를 나타냅니다. |
History 객체의 Method
Method | Description |
---|---|
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)" />