[JavaScript] 자바스크립트 페이지 이동 - location.href

자바스크립트에서 페이지를 이동하게 하고싶다면? 🐌

 

대표적으로 사용되는 것이 location.href 입니다.

location.href는 객체의 속성이며, 본인이 입력한 새로운 페이지로 이동할 수 있습니다.

location.href = 'happytape.tistory.com'

 

 

 

자바스크립트에는 location.href 말고도 페이지 이동 수단이 있습니다.

바로 location.replace()입니다. 

location.replace('happytape.tistory.com');

 

location.replace()는 href와 마찬가지로 원하는 페이지로 이동할 수 있습니다.

href와 다른 점은 href는 현재 페이지가 히스토리에 기록이 되어 뒤로가기가 가능한 반면,

location.replace()는 히스토리에 현재 페이지의 url이 기록되지 않아 이동 후에는 뒤로가기가 불가능합니다. 

 

헷갈리죠?

정리하자면!

 

	location.href	location.replace
기능	새로운 페이지로 이동	기존페이지를 새로운 페이지로 변경
형태	속성	메서드
주소 히스토리	기록	기록X
예시	location.href = 'happytape.tistory.com'	location.replace('happytape.tistory.com')

 

 

+ 만약 다른 페이지가 아닌 현재 페이지를 새로고침하고싶다면 href가 아닌 reload를 써주면 됩니다.

location.reload()

 

 

---

 

 

 

그러니까!

❗ 일반적인 페이지 이동을 한다  =>   location.href

❗ 이전 페이지로 접근이 필요없다(보안상 덮어씌우고싶다)   =>   location.replace()