Javascript - history.back(), history.go()

자바스크립트 (Javascript) 로 이전페이지 이동 방법

 

자바스크립트(Javascript) history 객체 를 사용하면 이전페이지 이동이 가능하다

history 객체는 폼태그(Form tag) 캐쉬가 가능한 경우 (웹 양식이 삭제 되지 않고 유지될 경우) 많이 쓰인다

 

자바스크립트(Javascript) history 에 대해 살펴 보자

---

history 객체

• 웹브라우저의 방문기록을 가지고 있다
• 방문했던 url주소를 나타내는 히스토리에 대한 정보를 제공 한다
• 히스토리에 저장된 url를 가지고 올 순 없고 앞, 뒤의 이동이 가능하다

 

history 메소드

• history.back()
• history.go()
• history.forward()

 

history.back();

• 현재 페이지의 한단계 이전페이지 (url)  로 이동
• history.go(-1)과 동일

 histroy.go()

• 이전 또는 이후 페이지 (url) 의 이동
• ()에  전달할 인자에 숫자를 넣어 이동 (숫자의 단계만큼 이동)

 

history.forward();

• 다음 페이지(url) 로 이동
• history.go(1)와 동일
• 이동할 페이지(url)이 없다면 당연히 동작 하지 않음

 

history.back 과 history.go 차이점

• history.back 은 한페이지 이전으로만 이동 가능
• history.go는 원하는 만큼 이동 가능