윈도우 로컬스토리지
예시
localStorage 이름/값 쌍 설정 및 검색:
localStorage.setItem("lastname", "Smith");
localStorage.getItem("lastname");
아래에 더 많은 예가 있습니다.
정의 및 사용
localStorage
개체를 사용하면 브라우저에 키/값 쌍을 저장할 수 있습니다 .
메모
localStorage 객체는 만료 날짜가 없는 데이터를 저장합니다.
데이터는 브라우저를 닫을 때 삭제되지 않으며 향후 세션에서 사용할 수 있습니다.
또한보십시오:
하나의 세션에 대한 데이터를 저장하는 sessionStorage 개체 입니다.
(브라우저 창을 닫으면 데이터가 삭제됩니다)
통사론
window.localStorage
또는 그냥:
localStorage
localStorage에 데이터 저장:
localStorage.setItem(key, value);
localStorage에서 데이터 읽기:
let lastname = localStorage.getItem(key);
localStorage에서 데이터 제거:
localStorage.removeItem(key);
지역저장소 지우기:
localStorage.removeItem(key);
매개변수
Parameter | Description |
key | Required. The name of a key. |
value | Required. The value of the key. |
반환 값
유형 | 설명 |
객체 | localStorage 객체. |
더 많은 예
사용자가 버튼을 클릭한 횟수를 계산합니다.
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)
+ 1;
} else {
localStorage.clickcount = 1;
}
브라우저 지원
window.localStorage
모든 브라우저에서 지원됩니다:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |