2023 08 03

2023-08-03

JS location replace, href

참고: https://developer.mozilla.org/en-US/docs/Web/API/Location/href 참고: https://developer.mozilla.org/en-US/docs/Web/API/Location/replace 참고: https://royzero.tistory.com/88

• location.replace()
  • 보통의 경우...
    • <a> 태그는 클릭시 location.href = '이동 주소' 형태로, 히스토리에 쌓이는 형태로 이동
    • 브라우저에서 히스토리가 쌓이게 된다
    • 만약 history가 쌓이지 않길 바란다면...
      • 회원 가입 완료 후 가입하던 양식을 없애고 싶어
      • 페이지가 한 개인 것 처럼 작동시키고 싶어
      • <a href="#" onclick="location.replace('B.html');return false;></a>
  • redirection을 원한다면 해당 친구를 사용
  • 현재 페이지가 History에 쌓이지 않아, 유저는 백버튼 사용을 못할 것.

• location.href
  • href
    • location 객체에 속해있는 프로퍼티로 현재 접속중인 페이지 정보를 가짐
    • 값을 변경할 수 있어 다른 페이지로 이동하는데도 사용 가능
    • 전체 URL을 stringifier해 반환한다.