자바스크립트 페이지이동

2015년 08월 31일

<script type="text/javascript">
   location.replace("이동할 주소");         // 이동전 주소가 안보임. 
   location.href("이동할 주소");              // 이동전 주소가 보임
   history.go(-1);                                 // 이전페이지가기. ()안의 값이 현재페이지에 대한 상대좌표
   location.reload();                             // 새로고침
</script>

1. 자바스크립트로 페이지 이동

location.href="주소";

location.replace("주소");

어떤 메소드안에서 작업을 처리하고, 페이지를 넘기고 싶은 경우 location.href('경로');를 이용한다.
하지만 location.href 자동으로 페이지를 넘기는 경우. IE는 되지만 chrome에서는 되지않는다.

-> window.location.assign('경로')를 이용하면 된다.
-> window.location.replace('경로')도 크롬에서 적용된다.

하지만 이방법은 히스토리를 남기지 않기 때문에 뒤로가기가 되지않는다.

2. 타겟 지정하기

Window.location.href에서 target="_blank" 지정할 수 있습니다.

다음과 같이

var openNewWindow = window.open("about:blank");
openNewWindow.location.href = "main.html"

3. 몇 초 뒤에 이동시키기

3.1. setTimeout 함수 사용하기

setTimeout(function(){location.href='http://www.naver.com/';},3000); return false;

3.2. function(변수?) 으로 만들기

function move(){
location.href='http://eond.com';
}
setTimeout("move()", 3000);

4. 그 밖에 meta 코드를 이용하는 방법

참조
http://blog.naver.com/rlarhdn66/220395886909
http://blog.naver.com/zxcvb8842?Redirect=Log&logNo=220355323591

홈페이지 제작팁

자바스크립트 페이지이동

Login