[ JS ] window.location VS reload 페이지 이동시키기

글을 시작 하기 전 

 

아래에서 계속 window.location.◦◦  location.◦◦ 이라고

두가지 같은 메소드를 window를 붙이고 사용하거나 안붙이고 사용하는 두가지로 적을텐데

둘 다 같은 역할을 한다는 점을 짚고 시작하도록 하겠다 🥸

 

! ) window 모든 객체의 조상인 전역객체로 생략이 가능하므로 안쓰고 사용해도 된다 

새로고침

 reload 

window.location.reload();
location.reload();
location.href = location.href;
history.go(0)

 

페이지 이동 

 assign , href   → 뒤로가기 가능

이전 방문 기록이 남아서 뒤로가기로 이동 가능

 

window.location.assign('/경로')
location.assign('/경로')

window.location.href('/경로')
location.href('/경로')

 

 replace   → 뒤로가기 불가능

이전 방문 기록이 남지않아서 뒤로가기로 이동 불가능

window.location.replace('/경로')
location.replace('/경로')

 

그리고 마지막으로 블로그의 글 한개의 location을 console에 찍어보았다.

예시를 보고 어떤 형태들이 저장되어있는지 확인해 보면 좋을것같다 !

---

참고

www.zerocho.com/category/JavaScript/post/573b321aa54b5e8427432946