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인 쿠키입니다.