사용자에 의하여 방분했던 문서의 주소(URL)들에 대한 정보를 참조한다.

	Script	[propVal=.].propName; [propVal=.].methodName(parameters);
	HTML	없다.

인수

propertyName : (속성명)	적용할 수 있는 속성들 중의 하나(아래 표 잠조)
methodName : (메서드명)	적용할 수 있는 메서드들 중의 하나(아래 표 잠조)

특성

history 개체는 window.history 속성을 통하여 접속할 수 있는 사전에 정의된 JavaScript 개체이다.

구성

window.history 속성은 사용자가 해당 윈도우(window)에서 방문했던 기록을 등록한 history 개체 속에 입력된 주소(URL)들의 문자열 배열변수(Array)이다.

호출

브라우저의 뒤로, 앞으로 단추로 이동할 수 있고,
Javascript로 history 개체의 배열변수(Array)의 인수를 통하여 속성이나 메서드를 호출하여 접속, 이동 할 수 있다. window 개체를 참조하지 않으면 초점(focus)이 가 있는 현재의 윈도우로 간주한다.

사용

location.replace 메서드를 사용하여 history 개체의 내용을 변경시키면 새로 주소를 입력하지 않고도 현재의 window 주소를 변경시킬 수 있다.

특기

보안 목적상 브라우저의 history 개체는 실제적인 주소(URL)를 노출하지 않는다. 그러나 back, forward, go 메서드들로 항해할 수 있다.
특정 방문기록 페이지는 현재 페이지에 상대적인 인수(index)로 참조한다. 예를들어 go 메서드의 인수 -1은 브라우저의 '뒤로' 단추와 같고 바로 전 페이지를 참조한다.

이 개체는 IE3.0부터 스크립트가 적용된다.

적용

개체	script	HTML	규격	IE

설명을 위한 예제

<SCRIPT>oObj=window.history</SCRIPT>

length 속성 IE3.02 NS2
⇒ history 개체의 엘레멘트 갯수인 목록의 방문 기록의 갯수를 반환한다.

문법: [iVal=][window.]history.length

코드: document.write(history.length) 결과:

back 메서드 IE3.02 NS2
⇒ history 목록의 이전 페이지로 이동한다.
브라우저에서 뒤로 단추를 클릭하거나, history.go(-1) 한 것과 동일하다.

문법: [window.]history.back()

forward 메서드 IE3.02 NS2
⇒ history 목록의 이전 페이지로 이동한다.
브라우저에서 앞으로 단추를 클릭하거나, history.go(1) 한 것과 동일하다. 방문한 기록이 있어야 가능하다.

문법: [window.]history.forward()

go 메서드 IE3.02 NS2
⇒ history 목록에서 지정한 주소로 이동하는데 두가지 방식이 있다
history 목록에서 현재 항목(0)에 상대적으로 양수(앞으로)나, 음수(뒤로)로 ±N번째 페이지로 이동한다. 방문했던 기록의 한계를 초과하거나 없으면(예: 뒤로를 하지 않았으면 양수 목록이 없음) 양수로 방문할 수 없어 아무 변화가 없다.

문법: [window.]history.go(index)

코드: <INPUT type="button" value="go(-2)" onClick="history.go(-2)"> 결과:
history 목록에서 지정된 주소(URL)로 이동하는 go(urlStr) 메서드는 전체적 주소나 부분적 주소로 가능하다.

문법: [window.]history.go(urlStr)

코드: <INPUT type="button" value="go(개체 목록)" onClick="javascript:history.go('http://koxo.com/lang/js/object/jsList.html')">
결과:
IE에서는 브라우져 위의 뒤로, 앞으로 단추에서, NS에서는 바닥 Go menu에서 방문 한 URL 정보를 볼수 있다.

이전페이지 가기 예제

<FORM name="testForm">
<INPUT type="button" value="이전페이지로" onClick="parent.jsmain.history.back()")>
</FORM>