Frontend/JavaScript

location.href와 location.replace의 차이점

둥둥 2023. 1. 15. 16:55
728x90

location.href

  • 전체 URL을 포함하는 문자열을 반환하고 href를 업데이트할 수 있도록 한다.
  • 새로운 페이지로 이동한다.
  • 속성의 형태
  • location history가 기록되어 사용자가 뒤로가기 버튼으로 이전 페이지로 돌아갈 수 있다.

location.replace

  • location의 현재 리소스를 제공된 URL의 리소스로 바꾼다.
    • 기존 페이지를 새로운 페이지로 변경시킨다.
  • 메서드의 형태
  • 현재 페이지를 사용한 후에는 location history(session)에 저장되지 않아 사용자는 뒤로가기 버튼을 사용해 이전 페이지로 돌아갈 수 없다.

References.

https://developer.mozilla.org/en-US/docs/Web/API/Location/href

 

location.href - Web APIs | MDN

The href property of the Location interface is a stringifier that returns a string containing the whole URL, and allows the href to be updated.

developer.mozilla.org

https://developer.mozilla.org/en-US/docs/Web/API/Location/replace

 

location.replace() - Web APIs | MDN

The replace() method of the Location interface replaces the current resource with the one at the provided URL. The difference from the assign() method is that after using replace() the current page will not be saved in session History, meaning the user won

developer.mozilla.org

https://blog.naver.com/yiuse78/50100213667

 

[자바스크립트] location.href 와 location.replace 의 차이점.

자바스크립트에서 페이지 이동 시킬때 location.href를 많이 사용한다. 하지만 location.replace 메세드도 ...

blog.naver.com

 

728x90