> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 이전 URL을 어떻게 안정적으로 얻을 수 있습니까?

JavaScript에서 이전 URL을 어떻게 안정적으로 얻을 수 있습니까?

DDD
풀어 주다: 2024-11-28 12:59:11
원래의
323명이 탐색했습니다.

How Can I Reliably Get the Previous URL in JavaScript?

JavaScript에서 이전 URL 확인

JavaScript에서는 사용자가 방문한 이전 URL을 얻는 것이 까다로울 수 있습니다. 그러나 여러 접근 방식을 사용할 수 있습니다.

document.referrer 사용:

document.referrer 속성은 사용자가 현재 페이지로 이동한 경우 이전 페이지의 URL을 제공합니다. 하이퍼링크를 통해 페이지. 다음과 같이 얻을 수 있습니다:

console.log("Previous URL: " + document.referrer);
로그인 후 복사

document.referrer의 제한 사항:

  • 사용자가 주소에 직접 URL을 입력하면 신뢰할 수 없습니다. 양식을 제출하거나 양식을 제출하세요.
  • 다음과 같이 보안에 민감한 일부 브라우저에서는 액세스할 수 없습니다. Safari.

window.history를 사용한 기록 관리:

window.history를 사용하면 브라우저 기록을 조작할 수 있지만 URL에 직접 액세스할 수는 없습니다. 그러나 History.state 객체를 사용하여 사용자 정의 URL 속성을 저장할 수 있습니다:

history.state = { prevUrl: location.href };
로그인 후 복사

그런 다음 이전 페이지에서 이를 검색할 수 있습니다:

const prevUrl = history.state && history.state.prevUrl;
로그인 후 복사

기타 접근 방식:

  • 쿠키: 이전 URL을 저장하도록 쿠키를 설정하는 것은 실행 가능한 옵션이지만 추가 서버 측 논리가 필요합니다.
  • 매개변수 추적: 이전 URL을 포함하는 현재 URL에 매개변수를 추가하지만 이는 사용자가 자주 탐색하는 경우 메서드가 URL을 복잡하게 만들 수 있습니다.

보안 고려 사항:

이전 URL에 대한 액세스를 제공하면 악성 웹사이트가 사용자 검색 기록을 추적할 수 있으므로 보안 및 개인 정보 보호 문제가 발생합니다. 따라서 브라우저는 URL 접근성에 대한 제한을 구현했습니다.

위 내용은 JavaScript에서 이전 URL을 어떻게 안정적으로 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿