<FORM name="fname">
<SCRIPT>
var numb=history.length;
document.write('history.length=[<FONT color=blue>'+numb+'</FONT>]  방문 내용에 따라 계속 달라짐<BR>');
str='';
for (i=-numb; i<=0; i++){
  if (i==0) str+='<INPUT type="button" value="현  재 0"'
  else str+='<INPUT type="button" value="이전 '+((i>-10)?'  ':'');
  str+=i+' 번 째로" onclick="history.go('+i+')">'+
  ' <A href="javascript:history.go('+i+')">javascript:history.go('+i+')</A><BR>';
}
document.write(str);
document.write('<BR><INPUT type="button" value="바로이전"'+
  ' onclick="history.back()"> <A href="javascript:history.back()">'+
  'javascript:history.back()</A><BR>');
document.write('<INPUT type="button" value="바로다음"'+
  ' onclick="history.forward()"> <A href="javascript:history.forward()">'+
  'javascript:history.forward()</A><BR>');
</SCRIPT>
</FORM>

• history.length로 전체 방문 했던 기록의 갯수를 알 수 있다. 여기서 0은 현재 위치이다. 현재위치를 클릭하면 리로딩된다.
• for loop에서, 각 방문 기록을 INPUT의 history.go(n)(onclick="history.go(',i,')")로 연결한다.
• 이때 필요한 INPUT의 attribute의 값을 지정할 수 있다.
• history.back()과 history.orward()는 단순히 바로 앞과 뒤로 연결 시킨다.
• disabled로 작동을 중지 시킬 수 있다. 방문하지 않은 뒤쪽 연결은 무시된다.