개발 기록이

[JavaScript] document.referrer 현재 페이지에서 이전에 방문한 페이지 URL 가져오기 본문

기록/JavaScript

[JavaScript] document.referrer 현재 페이지에서 이전에 방문한 페이지 URL 가져오기

studyingbackhoe 2024. 7. 14. 12:05

현재 페이지에서 이전에 방문한 페이지의 URL을 가져오는 방법에 대해 알아보자.
 
첫 번째 페이지(http://localhost:8482/firstPage.do)에서 버튼을 통해 두 번째 페이지로 이동

 
키보드 F12를 눌러 개발자도구 열기 - [Network 탭] - [Headers] 의 Referer에 이전 페이지(http://localhost:8482/firstPage.do) URL 값이 들어있는 걸 확인할 수 있다.

 
이 값을 자바스크립트로 가져오기 위해서는 아래와 같은 코드를 사용하면 된다.

document.referrer

 
두번째 페이지에 다음과 같은 스크립트를 추가하여 알럿으로 확인해볼 수 있다.

alert("이전 페이지 URL은 " + document.referrer + "입니다.");

 
 

자바 스크립트 아이콘 제작자: Freepik - Flaticon

출처 : https://pabeba.tistory.com/246