본문 바로가기

Local Oriented/HTML CSS JS

location.href 와 replace() 차이

http://blog.naver.com/anrrud79/100006669351

href 로 이동시 웹브라우저 주소창에 변경되는 URL 이 바뀜

replace() 로 이동시 웹브라우저 주소창에 변경되기 이전의 URL 이 그대로 보임

href 인 경우 history.back() 이나 브라우저의 뒤로가기시 캐시에서 이전에 보여주었던 내용을 꺼내서 보여주고,

replace() 인 경우 뒤로가기시 캐시가 아닌 실제 이전 페이지를 Refresh 함

그런데, href 로 되돌아가는 웹페이지에 캐시를 삭제하는 내용이 들어 있다면 어떻게 될까..?


- 이전 문서가 정적인 문서인 경우, 캐시에서 읽어오면 빠르게 화면이 표시되기 때문에..

  location.href = '...'; 를 추천


- 이전 문서가 동적인 문서인 경우, 캐시에서 가져오면 변경된 내용이 반영되지 않아서..

  location.replace('...'); 를 추천


.Fine.