history.go

  안녕하세요?
  오늘도 소스코드를 보면서 설명하도록 하겠습니다.

<form>
<input type="button" value="  뒤로  " onClick="history.go(-1)">
<input type="button" value="앞으로" onClick="history.go(1)">
</form>

폼속에 input type="button"이 있습니다. 이말은 버튼을 생성하라는 말이지요. value는 그 버튼 위에 값을 얘기합니다. 그러니깐 뒤로라고 하면 버튼이 있고 거기에 뒤로라고 쓰여져 있다는 거지요. 그다음에 onClick은 클릭, 즉 버튼을 눌렀을때 history.go(-1) 즉 history 역사라고 번역되지만 여기서는 웹페이지를 탐색한 순서가 되겠습니다. 그 탐색순서에서 go 가라 어디로? -1 한칸 전으로 그런말입니다. 정리하면 지금 페이지에서 바로 전의 페이지로 가라는 뜻입니다. 만약에 -2라고 하면 두번째 전의 페이지로 가라는 말이겠지요. 그 밑에 go(1)은 이 페이지 앞으로 가라는 겁니다. 예를들어

네이버 -> 야후 -> 다음

이렇게 탐색을 했어요. 여기서 현재페이지가 다음이니깐 -1하면 야후가 되겠지요? 근데 go(1)이라고 하면 갈때가 없잖아요.그래서 아무데도 안갑니다. 근데

네이버 -> 야후 -> 다음 -> 뒤로키를 눌러서 야후

이렇게 탐색했다면 현재 야후에서 go(1)을 하면 다음으로 이동하게 됩니다. 웹브라우저의 뒤로 앞으로 버튼하고 똑같습니다. 이해가 되셨지요? 그럼 결과를 보고 마치도록 하겠습니다.

처음실행했을때

뒤로를 눌리면

이렇게 이동합니다.