JS[JavaScript] 이전 페이지로 돌아가기, History.Back(), History().Go()

우선 아래는 가장 많이 쓰이는 history 객체의 메소드 값입니다.

history.back();
history.go();
history.forward();

 

@ history.back()
현재 페이지의 한단계 이전페이지로 이동합니다. 이는 history.go(-1)과 동일합니다.

@ histroy.go()
이전 또는 이후 페이지의 이동이 가능합니다. 사용방법은 전달할 인자에 숫자를 넣어 이동하게 됩니다. 1 또는 -1 등을 사용하여 이전 또는 이후로 이동할 수 있습니다.

@ history.forward()
이 방법을 사용할 경우 이후 페이지인 다음 페이지로 이동합니다. 동작하는 것은 history.go(1)과 동일합니다. 만약 다음으로 이동할 페이지가 없는 경우 동작하지 않습니다.

아래 예제를 봐주세요. 이전 또는 다음 페이지로 이동하는 예제입니다.

histroy.go(-1);
// 이전 페이지... 즉 한단계 뒤로 돌아가기

histroy.go(-2);
// 두단계 이전의 페이지로 이동

histroy.go(-3);
// 세단계 이전의 페이지로 이동

history.back();
// history.go(-1)과 동일한 기능을 구현하나 go(-1)이 보편적으로 사용됨

history.forward();
// history.go(1)과 동일하며 앞으로 이동

! 이동하지 않고 페이지의 url 정보만 가져오는 방법은?
방문했던 마지막 페이지의 정보를 가져올 수 있으며 아래와 같습니다.

document.referrer

제이쿼리로는

location.reload();

단, 보안 및 프라이버시 사유로 마지막 페이지 주소만 가져올 수 있으며 그 이전의 정보들은 가져올 수 없습니다. 만약 반드시 필요하다면 쿠키 등을 사용한 로컬 저장소를 사용해야겠지요... 아니면 서버 세션을 이용할 수도 있을 것입니다.

 

https://webisfree.com/2016-05-27/[javascript]-%EC%9D%B4%EC%A0%84-%ED%8E%98%EC%9D%B4%EC%A7%80%EB%A1%9C-%EB%8F%8C%EC%95%84%EA%B0%80%EA%B8%B0-history-back()-history()-go() 

[JavaScript] 이전 페이지로 돌아가기, history.back(), history().go()