웹페이지를 제작하다보면 현재 페이지에서 다른 페이지로 이동을 시켜야할 때가 있습니다.
그 이유는 여러가지가 있을것이지만 말이죠 ^^
이를 페이지 리디렉션(REDIRECTION) 이라고 합니다.
일반적으로 사용하는 방법은 3가지 정도가 있는데요?
구현하는 방법을 한번 살펴보겠습니다.
PHP로 이동하는 방법
방문자가 페이지에 접속을 하자마자 다른 특정사이트나 페이지로 이동시키는것을 PHP 코드로 구현하려면 아래와 같이 하시면 됩니다.
<?php
header( 'Location: https://이동할주소 또는 이동할페이지' );
?>
만약 바로 이동을 하지 않고 3초후에 이동을 시키고싶다면 3초정도 딜레이를 주면 됩니다
sleep 을 이용해서 말이죠 !!
<?php
sleep( 3 );
header( 'Location: 이동할사이트 또는 이동할페이지' );
?>
META 태그로 이동하는 방법
META 태그를 통해서도 페이지 또는 사이트를 이동시킬 수 있습니다.
아래 URL 부분을 이동할 사이트 또는 페이지를 입력하신후에 <HEAD> 상단에 붙여넣기 하시면 됩니다.
<meta http-equiv="refresh" content="0;URL='이동할사이트 및 페이지'">
또한 META 태그로 이동시킬경우에도 몇 초후에 이동하게 할 수가 있는데요?
<meta http-equiv="refresh" content="3;URL='이동할 사이트 및 페이지'">
잘 보시면 위에 0 이라고되어있는 수치가 3 으로 바뀌었습니다.
이는 3초후에 이동을 시키겠다는 뜻입니다.
스크립트로 이동하는 방법
스크립트로 이동을 시킬 경우에는 location.href 를 사용하면 됩니다.
<script>
location.href = '이동할 사이트 및 페이지';
</script>
마찬가지로 3초후에 이동을 하고싶다면 아래와 같이 입력해주시면 됩니다.
<script>
setTimeout(function () {
location.href = '이동할 사이트 또는 페이지';;
}, 3000);
</script>
자바스크립트에서는 setTimeout 이라는 함수로 지연을 시키는데요?
3000 이라는 수치가 바로 3초뒤에 이동을 시키겠다는 의미입니다.
만약 5초를 원하신다면 3000이 아닌 5000을 입력하시면 되겠죠? ^^
이상으로 특정사이트 또는 특정페이지로 이동시키는 방법을 php코드와 meta 태그 그리고 자바스크립트 코드로 한번 알아보았습니다.
도움이 되셨다면 공감 꾹 ~~ 부탁드려요 ^^