location.href 와 location.replace()

location.href와location.href는 모두 페이지를 이동시킬 때 사용한다.

 

그럼 어떤 점이 다른지 알아봅시다.

 

< 사용방법 >

location.href =  이동할url ;     // 객체의 속성

location.replace(이동할url) ; // 메소드

 

저는 replace를 사용했는데 아래와 같이 사용했습니다.

 

location.replace("main.do?m=ranking&index=${index}&data="+sData);

// ${index} : action에서 setAttribute로 넘겨준 값

// sData (jquery 함수내에서 사용하는 변수)

 

< 차이점 >

location.href 는 새로운 페이지로 이동을 합니다. 따라서 페이지 이동이므로 뒤로 가기 버튼을 클릭시 이전 페이지로 이동가능합니다. 

페이지를 이동하면서 주소 히스토리에 기록이 남습니다.

 

location.replace() 는 현재 페이지에서 새로운 페이지로 덮어 쓰는 것이기 때문에 이전 페이지로 이동이 불가능합니다.

주소 히스토리에 기록을 남기지 않습니다.

또한 캐시를 쓰지 않는다고 합니다.