location.href vs. location.replace()

1.  location.href = 'index.jsp'

location.href는 객체의 속성이며, 주소 히스토리가 기록되기 때문에 뒤로 가기 버튼을 누른다면 이전 페이지로 이동이 가능하다. 

따라서 일반적인 페이지 이동시에 사용한다. 

 

2.  location.replace = 'index.jsp'

location.replace()는 메서드로 작동되며, 현재 페이지를 새로운 페이지로 덮어 씌우기 때문에 이전 페이지로 이동이 불가능하다. 

따라서 이전페이지로 접근이 필요 없는 경우 보안상 덮어 씌울 때 사용한다. 

 

3. History.back()

History.back() 메서드는 브라우저가 세션 기록의 바로 뒤 페이지로 이동하도록 지시한다.

즉,  history.go(-1)와 같다. 이전 페이지가 없는 경우 아무것도 하지 않는다.

이 메서드는 비동기적이다. popstate 이벤트 처리기를 통해 탐색 완료 시점을 알 수 있다.

 

출처 :MDN 웹문서