• yundream
  • 2018-06-01 09:52:48
  • 2018-06-01 07:59:07
  • 65121
HTML meta 태그와 javascript를 이용한 두 가지 방법이 있다.

HTML meta

<!-- 같은 도메인에서 페이지 이동 -->
<meta http-equiv='refresh' content='0;url=/mypage'>

<!-- 같은 도메인 사이트로 이동 -->
<meta http-equiv='refresh' content='0;url=https://www.google.co.kr'>
이동 시간은 초단위로 설정할 수 있다. 위 예제는 즉시(0초) 이동이다. 3초 뒤에 이동하고 싶다면 아래와 같이 하면 된다.
<meta http-equiv='refresh' content='3;url=https://www.google.co.kr'>

Javascript

location.href이동 할 수 있다.
<script>
location.href="/mypage/bbs"
</script>

예제

현재 페이지의 URL을 확인해서 name 이 blog이면 /w/blog 페이지로 이동한다. 예를 들어 URL이 http://www.joinc.co.kr/w/taglist?name=blog 이면 http://www.joinc.co.kr/w/blog 로 이동한다.
<script>
var url_string =window.location.href;
var url = new URL(url_string);
var name = url.searchParams.get("name");
if (name == "blog") {
    location.href="/w/blog";
}
</script>

내 사이트는 태그를 서비스한다. 해당 태그를 클릭하면(예를 들어 aws라면) https://www.joinc.co.kr/w/taglist?name=aws 페이지로 넘어간다. 그러면 해당 페이지는 name의 aws값으로 데이터베이스를 조회해서 aws 태그를 가지는 문서들의 목록을 출력한다. 나는 blog 태그를 클릭할 경우에는 https://www.joinc.co.kr/w/blog 페이지로 보내고 싶었다.