Javascript

[Javascript] location.href 와 location.replace 페이지 이동 차이점

chsr 2023. 6. 29. 14:21
728x90
반응형

■ Javascript location.href location.replace 페이지 이동 차이점

페이지  이동 시 사용되는 location.href 와 location.replace 의
가장 큰 차이점은 location.href 는 객체의 속성이고 location.replace 는 매소드(함수)로 작동됨

location.href 는 단순히 페이지 이동 개념으로 뒤로가기 버튼 클릭 시 이전 페이지로 이동이 가능하지만
location.replace 는 현재 페이지를 새로운 페이지로 덮어씌우는 개념이기에 이전 페이지 이동이 불가함


■ 차이점

구분 기능 형태 주소 히스토리
location.href 신규 페이지로 이동(단순이동) 객체 속성 기록됨
location.replace 기존 페이지에서 신규페이지 변경 매소드(함수) 기록되지 않음

 사용 예제

// similar behavior as an HTTP redirect
location.replace("http://test_domain_name.com");

// similar behavior as clicking on a link
location.href = "http://test_domain_name.com";

 

 

728x90
반응형