HTML5 localStorage는 브라우저에 문자열 데이터를 저장하고 현재 세션 이후에도 지속됩니다. localStorage는 만료 없이 데이터를 저장하는 반면 sessionStorage는 세션으로만 제한됩니다. 브라우저가 닫히면 세션이 손실됩니다.
로컬 저장소는 여러 창에 걸쳐 있고 현재 세션 이후에 지속되는 저장소용으로 설계되었습니다. 특히, 웹 애플리케이션은 성능상의 이유로 전체 사용자 작성 문서 또는 사용자의 사서함과 같은 메가바이트의 사용자 데이터를 클라이언트 측에 저장하기를 원할 수 있습니다.
다음 코드를 실행하여 HTML5 localStorage로 작업하는 방법을 배울 수 있습니다.
예시
<!DOCTYPE HTML>
<html>
<body>
<script type = "text/javascript">
if( localStorage.hits ){
localStorage.hits = Number(localStorage.hits) +1;
}else{
localStorage.hits = 1;
}
document.write("Total Hits on the website:" + localStorage.hits );
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html>