>  기사  >  웹 프론트엔드  >  html5 웹 로컬 저장소가 cookie_html5 튜토리얼 팁을 대체합니다.

html5 웹 로컬 저장소가 cookie_html5 튜토리얼 팁을 대체합니다.

WBOY
WBOY원래의
2016-05-16 15:50:401276검색

HTML5는 쿠키를 대체할 로컬 캐싱 메커니즘을 제공하며, 이는 브라우저를 통해 서버로 전송되지 않습니다. js를 사용하여 클라이언트 측에서 로컬 캐시를 자유롭게 작동할 수 있습니다. html5의 캐시에는 주로 localStorage와 sessionStorage가 포함됩니다. 그들의 사용법은 일관됩니다. 차이점은 시간 제한이 다르다는 것입니다. localStorage에는 시간 제한이 없습니다. SessionStorage는 세션 데이터 저장을 기반으로 하며, 웹사이트를 닫거나 떠난 후에는 데이터가 삭제됩니다.

공식 샘플 연산을 간단히 살펴보겠습니다:
javascript

코드 복사
코드는 다음과 같습니다.

localStorage.fresh = “vfresh.org”; //키 값 설정
var a = localStorage.fresh; 키 값

또는 API 사용:
javascript

코드 복사
코드는 다음과 같습니다.

//저장소 지우기
localStorage.clear()
//키 값 설정
localStorage.setItem( "fresh", "vfresh .org");
//키 값 가져오기
localStorage.getItem("fresh")
//return "vfresh.org" //이름 가져오기 지정된 하위 첨자가 있는 키(예: Array)
localStorage.key(0);
//return “fresh” //키 값 삭제
localStorage.removeItem(“fresh”)
sessionStorage 동일하므로 헛소리할 필요가 없습니다. 만료 시간이 0인 쿠키입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.