> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트 웹페이지 데이터 삭제

자바스크립트 웹페이지 데이터 삭제

WBOY
풀어 주다: 2023-05-09 22:25:36
원래의
811명이 탐색했습니다.

인터넷의 급속한 발전과 개인 정보 보호에 대한 사람들의 강조로 인해 사용자가 웹 사이트 서비스를 사용하지 않고도 웹 사이트에서 자신의 데이터를 삭제할 수 있는 "데이터 삭제" 기능을 제공하기 시작했습니다. 또한 웹 개발자는 사용자의 데이터 개인 정보를 보호하고 법률 및 규제 요구 사항을 준수하기 위해 웹 사이트에 이 기능을 추가해야 합니다. 이 기사에서는 JavaScript 코드를 사용하여 웹 페이지 데이터를 삭제하는 방법을 소개합니다.

  1. 웹 데이터란?

웹 데이터란 사용자 등록 정보, 검색 기록, 검색 기록 등 웹사이트에 입력되거나 제출된 다양한 정보를 말합니다. 이 데이터는 일반적으로 브라우저 쿠키, 로컬 저장소(localStorage)에 저장되거나 저장을 위해 네트워크 프로토콜을 통해 백엔드 서버로 전송됩니다.

  1. JavaScript 코드로 쿠키를 삭제하는 방법

쿠키는 사용자의 브라우저에 저장되는 텍스트 파일로 일반적으로 로그인 정보, 장바구니, 언어, 테마 등과 같은 사용자의 상태 및 상호 작용 동작을 기록하는 데 사용됩니다. . 쿠키는 JavaScript를 통해 쉽게 삭제할 수 있습니다.

먼저 삭제하려는 쿠키 이름을 결정해야 합니다. 이 경우 "example"이라는 이름의 쿠키를 삭제합니다.

function deleteCookie() {
  document.cookie = "example=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}
로그인 후 복사

이 코드는 쿠키 이름과 만료 날짜( 1970년 1월 1일) 쿠키를 삭제합니다. 쿠키를 삭제할 때 만료 날짜를 지정해야 합니다. 그렇지 않으면 쿠키가 브라우저에 저장되며 삭제되지 않습니다.

  1. JavaScript 코드로 localStorage 삭제 방법

localStorage는 HTML5에서 데이터를 저장하는 새로운 방법으로, 쿠키보다 더 많은 양의 데이터를 저장할 수 있습니다. 일반적으로 사용자 설정, 기록 등을 저장하는 데 사용됩니다. localStorage의 데이터를 삭제해야 하는 경우 다음 코드를 전달하면 됩니다.

function deleteLocalStorage() {
  localStorage.removeItem('example');
}
로그인 후 복사

이 코드는 localStorage의 키 이름을 지정하여 저장된 데이터를 삭제합니다.

  1. JavaScript 코드로 sessionStorage를 삭제하는 방법

sessionStorage는 localStorage와 매우 유사하며 HTML5에서 데이터를 저장하는 새로운 방법이지만 브라우저 세션에만 존재하며 사용자가 브라우저를 닫을 때 자동으로 발생합니다. 또는 페이지를 삭제합니다. sessionStorage에서 데이터를 삭제해야 하는 경우 다음 코드를 사용하면 됩니다.

function deleteSessionStorage() {
  sessionStorage.removeItem('example');
}
로그인 후 복사

이 코드는 sessionStorage의 키 이름을 지정하여 저장된 데이터를 삭제합니다.

  1. Notes
  2. 쿠키를 삭제할 때 만료일을 과거로 지정하세요. 그렇지 않으면 쿠키가 삭제되지 않습니다.
  3. localStorage와 sessionStorage를 삭제할 때는 해당 키 이름만 지정하면 삭제됩니다.
  4. 데이터를 삭제한 후 페이지를 다시 로드하여 데이터가 지워졌는지 확인하는 것이 가장 좋습니다. 동시에 데이터 삭제 코드가 실행되는지 확인하기 위해 데이터를 삭제하기 전에 페이지에서 나가거나 웹사이트를 떠나는 것도 주의해야 합니다.
  5. 웹사이트를 개발할 때 사용자의 개인 데이터를 주의 깊게 처리하고 관련 법률, 규정 및 업계 규범을 준수하십시오.
  6. 결론

쿠키, localStorage, sessionStorage를 포함한 웹 페이지 데이터는 JavaScript를 통해 쉽게 삭제할 수 있습니다. 웹사이트를 개발할 때 사용자 데이터의 개인정보를 보호하는 것이 중요하므로 개발자는 사용자가 자신의 데이터를 유지할지 여부를 자유롭게 선택할 수 있도록 웹사이트에 데이터 삭제 기능을 추가해야 합니다. 동시에 개발자는 사용자의 권리와 이익을 보호하기 위해 관련 법률, 규정 및 업계 규범을 준수해야 합니다.

위 내용은 자바스크립트 웹페이지 데이터 삭제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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