본문 바로가기

Stupid Computer/4. JavaScript

[자바스크립트] 화면, 페이지 전환! 페이지 돌아오기 !

출처 : http://sharphail.tistory.com/4

[ 개요 ]

자바스크립트를 이용한 페이지 이동 방법

 : history를 이용한 이전 페이지 이동

 : 문서 루트를 활용한 강제 페이지 이동


1. 이전(후) 페이지 이동

[ 기 본 ]

<script language="javascript">

//method : A

history.back();

//method : B

history.go(-1);

</script>


[ 설명 ]

A와 B둘다 기능은 똑같습니다. 다만 B의 방법이 값을 조절할수 있기 때문에 좀 더 다양하게 이용할 수 있습니다.

결론적으로는 브라우저의 히스토리(방문기록)을 추적하여 이동하는 만큼 앞뒤로 드나들었던 페이지만 이동이 가능하다고 생각하시면 됩니다.(즉, 방문하지 않았던 페이지는 이동 불가능 > 아래 참고)


2. 강제 페이지 이동

[ 기본 ]

<script language="javascript">

// method - A

location.href="DIR";

// method - B

location.replace("DIR");

</script>


[ 설명 ]

위와 같이 location을 호출하여 직접 페이지 주소(DIR)을 부여함으로서 강제로 페이지 이동을 할 수 있습니다.

페이지의 주소(파일 경로)를 설정해주실때 현재위치로부터 파일 경로를 설정해주어야 하므로 참고하시길 바랍니다.

A와 B 둘다 기능은 동일 하고 쓰기 나름입니다.