> 웹 프론트엔드 > CSS 튜토리얼 > HTML 웹 저장소 및 웹 저장소 객체

HTML 웹 저장소 및 웹 저장소 객체

PHPz
풀어 주다: 2024-07-17 00:32:30
원래의
933명이 탐색했습니다.

HTML web storage and web storage objects

HTML 웹 스토리지

웹 저장소를 사용하면 웹 애플리케이션이 사용자 브라우저 내에 로컬로 데이터를 저장할 수 있습니다.
웹 스토리지는 더욱 안전하며, 웹사이트 성능에 영향을 주지 않으면서 대량의 데이터를 로컬에 저장할 수 있습니다.
웹 저장소는 원본, 즉 도메인 및 프로토콜별로 저장됩니다. 동일한 출처의 모든 페이지는 동일한 데이터를 저장하고 액세스할 수 있습니다.

API 및 웹 스토리지

구글= 4.0
마이크로소프트 엣지= 8.0
파이어폭스= 3.5

HTML 웹 저장소 개체

HTML 웹 저장소는 클라이언트에 데이터를 저장하기 위한 두 가지 개체를 제공합니다.
window.localStorage - 만료 날짜 없이 데이터를 저장합니다
window.sessionStorage - 한 세션 동안의 데이터를 저장합니다

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}
로그인 후 복사

localStorage 객체

localStorage 객체는 만료 날짜 없이 데이터를 저장합니다.
브라우저를 닫아도 데이터는 삭제되지 않으며 다음 날, 다음 주 또는 연도에 사용할 수 있습니다.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
로그인 후 복사

위 내용은 HTML 웹 저장소 및 웹 저장소 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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