[js] 페이지 리다이렉트 (location.href vs location.replace)

[js] 페이지 리다이렉트 (location.href vs location.replace)

 

페이지 리다이렉트 하는 두가지 방법에 대해 알아보겠습니다. 

window.location.href

• 새로운 페이지로 이동
• 속성
• 내부 히스토리에 주소 기록 저장

setTimeout(function(){ window.location.href="move.html" }, 100);

 

window.location.replace()

• 기존 페이지를 새로운 페이지로 변경
• 메서드(함수 호출)
• 내부 히스토리에 주소 기록이 안됨

setTimeout(function(){ window.location.replace('move.html')}, 100);

 

window.location.replace() 예시

window.location.replace('이동할 주소', '_blank')
setTimeout(() => {window.close()}, 1000);

 

location.href vs location.replace() 비교

href는 뒤로가기시 이전 페이지로 이동이 가능하지만, replace는 현재 페이지를 새로운 페이지로 덮어 씌우기 때문에 이전 페이지로 이동이 불가능합니다.