로컬 저장소는 여러 창에 걸쳐 있고 현재 세션 이후에도 지속되는 저장소용으로 설계되었습니다. 특히, 웹 애플리케이션은 성능상의 이유로 전체 사용자 작성 문서 또는 사용자의 사서함과 같은 메가바이트의 사용자 데이터를 클라이언트 측에 저장하기를 원할 수 있습니다.
HTML5 localStorage는 브라우저에 문자열 데이터를 저장하고 현재 세션 이후에도 지속됩니다. localStorage는 만료 없이 데이터를 저장하는 반면 sessionStorage는 세션으로만 제한됩니다. 브라우저가 닫히면 세션이 손실됩니다.
브라우저를 닫아도 데이터는 삭제되지 않습니다. 여기에 example의 이름을 저장합니다. .
다음 코드를 실행하여 HTML5 로컬 저장소를 사용하여 이름을 영구적으로 저장하는 방법을 배울 수 있습니다.
예시
<!DOCTYPE html>
<html>
<body>
<div id = "demo"></div>
<script>
if (typeof(Storage) !== "undefined") {
localStorage.setItem("name", "John");
document.getElementById("demo").innerHTML = localStorage.getItem("name");
} else {
document.getElementById("demo").innerHTML =
"The browser do not support Web Storage";
}
</script>
</body>
</html>