<form name="fname">
<script Language="Javascript">
<!-- 감춤시작
var numb=history.length;
document.write('history.length=[<font color=blue>' + numb + 
  '</font>]  방문 내용에 따라 계속 달라짐<br>');

for (i=-numb; i<3; i++){
  string='';
  if (i==0) string='<input type="button" disabled value="현  재 0"'
  else if (i>0) string='<input type="button" value="이  후 '
  else string='<input type="button" value="이전 '

  string+=i+'" 째로 onclick="history.go('+i+')">'+
    ' <a href="javascript:history.go('+i+
    ')">javascript:history.go('+i+')</a><br>';
  document.write(string);
}
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.forward()는 단순히 바로 앞과 뒤로 연결 시킨다.
• 방문하지 않은 뒤쪽 연결은 무시된다.
• disabled로 작동을 중지 시킬 수 있다.