반응형

JavaScript / 페이지 이동 (location.href, replace,reload, history.go)

 

location.href

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남습니다.

 

location.href("이동할 주소");

<script> 
	location.href("www.naver.com"); // 이전페이지 히스토리가 남음
</script>  

 

location.replace

다른 페이지로 이동하는데도 사용됩니다.

이전 페이지의 히스토리가 남지 않습니다.

 

location.replace("이동할 주소");

<script> 
	location.replace("www.naver.com");    // 이전페이지 히스토리가 남지 않음.
</script>  

 

location.reload

현재 페이지를 새로고침 할 때 사용됩니다.

 

location.reload();

<script> 
	location.reload();      // 현재페이지 새로고침.
</script> 

 

history.go

() 안의 값이 현재페이지에 대한 상대좌표로 사용되어 이동됩니다. 

history.go(-1)은 history.back()과 동일하게 동작하며, 이전 페이지로 이동됩니다. 

<script> 
	history.go(-1);   // 이전페이지 가기
    history.go(0);    // 현재 페이지 새로고침
    history.go(-2);   // 두 단계 전 페이지 가기
</script>  

 

반응형

+ Recent posts