티스토리 뷰

IT 생활

[js] 이전페이지 구별 방법 - referrer

개구리뒷다리 2016. 12. 5. 14:17

자바스크립트에서 해당 페이지를 직접적인 접근을 피하고 싶거나 링크를 타고 접근하는 경우 특정 페이지로 이동 시켜버리고 싶은 경우가 있을 수 있습니다. 이때 이 정보를 알 수 있는 함수가 document.referrer 함수 입니다. 사용방법은 아래를 참조 하시기 바랍니다.

사용방법은 예시를 통하여 알아 보겠습니다. 상황은 A.html파일을 링크를 통하여 접근할 경우 특정 페이지로 이동시키는 방법입니다.

A.html

<html>
<head>
<script type="text/javascript">
if(document.referrer)location.href('http://www.naver.com')
</script>
</head>
<body>
</body>
</html 

B.html

 <html>
<head></head>
<body>
<a href='A.html'>이동</a>
</body>
</html

확인 방법은 B.html 페이지를 띄운 상태에서 [이동] 링크를 누르면 A.html페이지가 아닌 네이버 페이지가 뜨게 됩니다. 그게 아니라 직접적으로 주소창에 A.html로 접근 하며 현재 페이지에 그대로 머물게 됩니다.

직접 주소창에 A.html을 입력하여 접근하면 document.referrer 함수가 null이 되어 if의 조건을 만족하지 못하며 링크를 통해 접근하면 이전 페이지의 주소가 담기에됩니다. if절의 값이 있는것은 조건이 참이 되게 되므로 location.href로 http://www.naver.com으로 페이지를 넘겨버린 것입니다.

위 예를 통하여 원하는 형태로 가공하여 사용할 수 있으니 필요한 형태로 변형해보시기 바랍니다.

이상 자바스크립트에서 referrer함수를 통한 이전페이지 구별 방법에 대하여 알아보았습니다.

댓글
최근에 올라온 글
최근에 달린 댓글
«   2024/04   »
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
Total
Today
Yesterday