history 객체
- 웹 브라우저에 기록되어 있는 히스토리 정보를 제어한다.
- window 객체 바로 아래에 있는 것으로, 브라우저의 히스토리 리스트 정보를 저장해 두는 곳이다.
- 히스토리 정보는? 브라우저가 가장 최근에 방문하였던 URL 주소들을 의미한다.
⭐ history 객체의 기본 메서드
메소드 | 설 명 |
back() | 브라우저로 본 화면의 위치를 이전 단계로 이동한다 문법 : history.back() |
forward() | 브라우저로 본 화면의 위치를 다음 단계로 이동한다 문법 : history.forward() |
go() | 히스토리 리스트에서 임의의 위치로 이동할 때 사용한다 문법 : history.go(n) n이 0일 경우 현재페이지로 이동 n이 양수일 경우는 다음 단계의 페이지로 이동 n이 음수일 경우는 이전 단계의 페이지로 이동 |
⭐ history 객체 예시
history(1)
<head>
<script type="text/javascript">
document.write("방문한 페이지 수:"+history.length);
</script>
</head>
<body>
<h1>History 객체</h1>
<a href="05-history(2).html">페이지 이동</a><br />
<a href="#" onclick="history.go(1)">앞페이지 이동</a>
</body>
history(2)
<body>
<a href="#" onclick="history.back();">이전 페이지 이동</a>
<!-- <a href="#" onclick="history.go(-1);">이전 페이지 이동</a> -->
</body>
'box > javascript+' 카테고리의 다른 글
마우스 이벤트 - onmouseover / onmouseout (0) | 2022.06.30 |
---|---|
마우스 이벤트 - onclick (0) | 2022.06.30 |
Javascript 내장 객체 - navigator (0) | 2022.06.30 |
Javascript 내장 객체 - location (0) | 2022.06.30 |
Javascript 내장 객체 - window (0) | 2022.06.30 |