box/javascript+

Javascript 내장 객체 - history

history 객체

  • 웹 브라우저에 기록되어 있는 히스토리 정보를 제어한다.
  • window 객체 바로 아래에 있는 것으로, 브라우저의 히스토리 리스트 정보를 저장해 두는 곳이다.
  • 히스토리 정보는? 브라우저가 가장 최근에 방문하였던 URL 주소들을 의미한다.

 

⭐ history 객체의 기본 메서드

메소드 설 명
back() 브라우저로 본 화면의 위치를 이전 단계로 이동한다
문법 : history.back()
forward() 브라우저로 본 화면의 위치를 다음 단계로 이동한다
문법 : history.forward()
go() 히스토리 리스트에서 임의의 위치로 이동할 때 사용한다
문법 : history.go(n)

n이 0일 경우 현재페이지로 이동
n이 양수일 경우는 다음 단계의 페이지로 이동
n이 음수일 경우는 이전 단계의 페이지로 이동

 

 

 

⭐ history 객체 예시

history(1)

방문한 페이지 수:2
<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

티스토리툴바