Window localStorage 属性

localStorage只读属性允许你访问一个저장为文档的源对象; 存储的数据跨浏览器会话保存。

与使用cookie相比，localStorage 객체는 브라우저가 키를 더 나은 방식으로 저장할 수 있는 메커니즘을 제공합니다./값 쌍

localStorage与sessionStorage相似，不同之处在于，尽管localStorage中存储的数据没有到期时间，但是页面会话结束时（即页面关闭时），存储在sessionStorage中的数据将被清除。

您可以在我们的HTML5 Web Storage API中了解有关localStorage的更多信息。

语法：

window.localStorage

将数据保存到localStorage的语法：

localStorage.setItem("key", "value");

从localStorage 读取数据的语法：

var name = localStorage.getItem("key");

从localStorage 删除数据的语法：

localStorage.removeItem("key");

예제

//　保存
localStorage.setItem("name", "Parrot");
//　检索
document.getElementById("demo").innerHTML = localStorage.getItem("name");

위의 코드는 name="name"과 value="Parrot"로 localStorage 이름을 생성합니다./값 쌍

그런 다음 "이름"의 값을 검색하여 id="demo"의 요소에 삽입합니다.

이름/값 쌍은 항상 문자열로 저장되며 필요에 따라 다른 형식으로 변환할 수 있습니다.

표에 수치는 localStorage 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

속성
localStorage	4	3.5	11.5	4	9

반환 값:	하나저장현재 원본의 로컬 스토리지 공간에 접근할 수 있는 객체

아래의 예제는 로컬 스토리지 변수를 설정하고, 페이지를 방문할 때마다 이 변수를 참조합니다:

예제

if (localStorage.hits) {
localStorage.hits = Number(localStorage.hits)　+　1;
} else {
localStorage.hits =　1;
}

당신은 localStorage 항목을 지울 수도 있습니다:

예제

localStorage.removeItem("hits");