세션 수준 로컬 저장소: sessionStorage
HTML5에는 sessionStorage라는 Js 객체가 추가되어 있으며, 이 객체를 통해 브라우저에 저장된 세션 수준의 WebStorage를 직접 조작할 수 있습니다. sessionStorage에 저장된 데이터는 먼저 Key-Value 형태로 존재하며, 세션이 종료되면 만료 시간이 설정되지 않은 쿠키와 마찬가지로 데이터가 자동으로 삭제됩니다. .
sessionStorage는 로컬 스토리지에서 관련 작업을 수행하는 데 도움이 되는 네 가지 방법을 제공합니다.
setItem(key, value)은 로컬 저장소 데이터를 추가합니다. 두 매개변수는 매우 간단하므로 자세히 설명하지 않겠습니다.
getItem(key)는 key를 통해 해당 값을 가져옵니다.
removeItem(key)은 키별로 로컬 데이터를 삭제합니다.
clear()는 데이터를 지웁니다.
코드는 다음과 같습니다.
<script type="text/javascript"> //添加key-value 数据到 sessionStorage localStorage.setItem("demokey", "http://blog.itjeek.com"); //通过key来获取value var dt = localStorage.getItem("demokey"); alert(dt); //清空所有的key-value数据。 //localStorage.clear(); alert(localStorage.length); </script>