예제 10-12. history 객체 활용
WEB/JAVASCRIPT-CONCEPT 2017. 11. 3. 10:31 |8. history 객체
history 객체는 사용자가 방문한 웹 페이지의 리스트, 즉 히스토리 정보를 담고 있는 객체로 다음과 같이 접근한다.
window.history 혹은 history
history.back(); 또는 history.go(-1); // 이전 페이지로 이동
history.forward(); 또는 history.go(1); // 다음 페이지로 이동
history 객체의 프로퍼티와 메소드
프로퍼티
length // 히스토리 리스트에 있는 엔트리 수
메소드
back() // 히스토리에 있는 이전 웹 페이지로 이동. 브라우저의 <back> 버튼과 동일
forward() // 히스토리에 있는 다음 웹 페이지로 이동. 브라우저의 <forward> 버튼과 동일
go(n) // 히스토리에서 현재 웹 페이지에서 n 만큼 상대적인 웹 페이지로 이동
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>history 객체 활용</title></head> <body> <h3>history 객체 활용</h3> <hr> <button onclick="history.back()">back()</button> <button onclick="history.forward()">forward()</button> <button onclick="history.go(-1)">go(-1)</button> </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 11-2. 캔버스 그리기 맛보기 (0) | 2017.11.03 |
|---|---|
| 예제 11-1. <canvas> 태그로 캔버스 만들기 (0) | 2017.11.03 |
| 예제 10-11. 스크린 장치ㅔ 관한 정보 출력 (0) | 2017.11.03 |
| 예제 10-10. navigator 객체로 브라우저의 정보 출력 (0) | 2017.11.03 |
| 예제 10-9. location 객체로 웹 사이트 접속 (0) | 2017.11.02 |