출처 : 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 둘다 기능은 동일 하고 쓰기 나름입니다.
'Stupid Computer > 4. JavaScript' 카테고리의 다른 글
[json/json.h] json reference file ! json 사용법 ! (0) | 2014.03.25 |
---|---|
[자바스크립트] 자바스크립트 라이브러리 정리( 최근 인기있는것들 ) (0) | 2014.03.25 |
[자바스크립트] 공부 사이트 ! 자바스크립트 강좌 JASKO (0) | 2014.03.25 |
[자바스크립트] DOM(문서 객체 모델, Document Object Model) 정리 (0) | 2014.03.20 |
[자바스크립트] Cordova 란 ? (0) | 2014.03.20 |
[자바스크립트]div태그와 span태그 비교/ innerHTML예제 (0) | 2014.03.20 |
[자바스크립트] \n, <br>   줄바꾸기 정리 ! (0) | 2014.03.20 |
[자바스크립트] 한글 깨짐현상 고치기~ js파일 내에서 한글 사용~ (0) | 2014.03.20 |
[Ajax] XMLHttpRequest 객체 사용(responseText) JavaScript / Ajax / jQuery2011 (0) | 2014.03.20 |
[자바스크립트] Eclipse javascript 자동완성 플러그인 JSDT 설치 ~ (0) | 2014.03.18 |