- Today
- Total
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Link
- 재능이의 돈버는 일기
- StresslessLife
- K_JIN2SM
- 소소한 일상
- My Life Style & Memory a Box
- Blog's generation
- 공감 스토리
- 취객의 프로그래밍 연구실
- Love Me
- Dream Archive
- 세상에 발자취를 남기다 by kongmingu
- hanglesoul
- 카마의 IT 초행길
- 느리게.
- 미친듯이 즐겨보자..
- Joo studio
- Gonna be insane
- 악 다 날아갔어!! 갇대밋! 왓더...
- xopowo05
- 맑은공기희망운동
- 엔지니어 독립운동
- 혁준 블로그
- Simple in Complex with Simple
- 무의식이 의식을 지배한다
드럼치는 프로그래머
[Javascript] URL Redirection (웹 페이지 자동 이동) 본문
웹 페이지를 만들다 보면 여러 가지 이유로 URL을 redirection 해야 할 때가 있습니다.
몇 가지 방법이 있는데요, 이 포스트에서는 가장 일반적인 두 가지 방법을 소개하겠습니다.
먼저, Meta태그를 사용하는 방법입니다.
|
1 |
<meta http-equiv="refresh" content="1;url=http://exampleURL.com"> |
content=” 다음에 오는 1은 시간을 나타냅니다. 1초 뒤에 지정한 URL로 redirection 됩니다.
즉시 이동을 하고 싶으시면 0으로 조정하면 됩니다.
http-equiv 속성은 현재 인터넷 익스플로러를 포함한 모든 브라우저를 지웝합니다.
다음으로 javascript를 사용하는 방법입니다.
|
1
2
3 |
<script type="text/javascript">
window.location.replace('http://example.com')
</script> |
window.location.replace를 쓸 경우 히스토리를 남기지 않아 뒤로가기를 할 수 없게 만들어 줍니다.
웹 페이지를 완전히 다른 페이지로 이동시키고 싶은 경우에 유용합니다.
히스토리를 남겨 뒤로가기가 되게 하고싶으신 분은
|
1
2
3 |
<script type="text/javascript">
window.location.href = "http://example.com"
</script> |
이렇게 사용하시면 됩니다.
개인적으로 meta 태그와 javascript를 함께 사용합니다.
제 홈페이지의 소스코드를 보면 다음과 같습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 |
<!DOCTYPE HTML>
<!--[if lt IE 7 ]><html class="ie ie6" lang="ko-KR"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="ko-KR"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="ko-KR"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="ko-KR" > <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0;url=http://polyeffect.com/blog">
<script type="text/javascript">
window.location.replace('http://polyeffect.com/blog')
</script>
<title>polyeffect</title>
</head>
<body>
</body>
</html> |
http://polyeffect.com 으로 접속하면 http://polyeffect.com/blog로 redirection시켜줍니다.
'★─Programing > ☆─WebProgram' 카테고리의 다른 글
| [JSTL] IF ~ ELSE 문 - <c:if>와 <c:choose> (0) | 2016.05.27 |
|---|---|
| [CSS] cursor 속성 (0) | 2016.05.27 |
| [Javascript] Javascript를 이용하여 브라우저 새 창 띄우기 (0) | 2016.05.24 |
| [AJAX] AJAX 를 동기(Sync) 방식으로 사용하기. (0) | 2016.05.24 |
| [AJAX] ajax에서 @ResponseBody이게 중요한이유... (0) | 2016.05.24 |
Comments