메뉴 보이기
Profile
이온디

2015.08.31

기초

자바스크립트 페이지이동

조회 수 378 추천 수 0
Code <script>
//location.replace("{getUrl()}");
window.location.assign('{getUrl()}');
</script> 
<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 코드를 이용하는 방법

<meta http-equiv="Refresh" Content="5;url=이동할 경로">

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

Profile
8
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

Profile
에디터
번호 제목 글쓴이 날짜 조회 수
공지 [팁] 자바스크립트 관련 유용한 링크 모음집 (러닝은빛) profile 이온디 2015.08.27 402
공지 자바스크립트 추천 사이트 1 profile 이온디 2015.08.06 318
54 [고급팁] Asynch JS: The Power Of $.Deferred profile 이온디 2016.06.10 33
53 [고급팁] 비동기 프로그래밍을 위한 Promise와 Deferred 알아보기 (고재도) profile 이온디 2016.06.10 74
52 [차트] 대시보드를 위한 오픈소스(Open Source) 차트(Chart) 라이브러리 profile 이온디 2016.06.02 3577
51 [차트] 접근성을 고려한 차트 라이브러리, Nwagon profile 이온디 2016.06.02 252
50 [라이브러리] 모바일 터치 제스츄어 profile 이온디 2016.02.22 40
[기초] 자바스크립트 페이지이동 profile 이온디 2015.08.31 378
48 [iframe] 금융투자협회 아이프레임 적용 소스 profile 이온디 2016.01.16 0
47 [iframe] iframe 높이 재설정(크롬 지원, IE 미지원) profile 이온디 2016.01.06 387
46 [차트] echarts profile 이온디 2015.12.21 356
45 [차트] amcharts profile 이온디 2015.12.18 224
44 [팁] 웹사이트 콘텐츠 복사 제한하기 profile 이온디 2015.09.15 81
43 [팁] 끊김없이 흐르는 배너(2009. 10. 12) profile 이온디 2015.09.13 204
42 [팁] 자바스크립트 성능 향상 팁 profile 이온디 2015.09.04 54
41 [form] [javascript] input reset / 자바스크립트 인풋 초기화(리셋)하는 방법 및 포커스 지정하기(ID 기준) profile 이온디 2015.08.31 7280
40 [form] [Javascript] 인풋값 체크 후 포커스 지정(name 기준) profile 이온디 2015.08.31 60
39 [라이브러리] 데이터를 처리할 때 유용한 6가지 자바스크립트 라이브러리(Sharon Machlis | Computerworld, 2013) profile 이온디 2015.08.28 76
38 [고급팁] ‘제다이급’ 자바스크립트 고수들이 전하는 6가지 개발팁 (Jonathan Freeman | InfoWorld, 2013) profile 이온디 2015.08.28 85
37 [문제] onMouseout과 setTimeout 사용법 profile 이온디 2015.08.28 90
36 [고급팁] 자바스크립트 this profile 이온디 2015.08.26 210