일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 리눅스
- html/css
- ConoHa
- php
- Apache
- 소비전력
- 보르비스초월
- 티스토리
- 시놀로지
- Ajax
- SKT
- 거제도
- 알리익스프레스
- centos
- proxmox
- iptime
- 가상서버호스팅
- 아파치
- 워드프레스
- 복현오거리
- KB증권
- 램가스초월
- 스톤에이지
- 자바스크립트
- 윈도우10
- mysql
- 알뜰폰
- 킹북이초월
- KB국민카드
- jQuery
- Today
- Total
맛집 여행 캠핑 일상 생활
HTML5 웹스토리지 localStorage sessionStorage 예제 본문
HTML5 웹스토리지 localStorage sessionStorage 예제
브라우저에 데이터를 저장할 수가 있는데 localStorage 와 sessionStorage 가 있다.
localStorage 는 일부러 지우지 않는 이상 영구적으로 저장이 가능하며,
sessionStorage 는 브라우저를 닫으면 지워진다.
그리고 최대 저장용량은 브라우저 마다 다르긴 하겠지만 도메인별 5메가 정도는 저장이 될 것이다.
사용방법에 대해 알아보자.
var obj = {item:'localStorage',data:'1234'};
localStorage.setItem('item1', JSON.stringify(obj));
var obj = localStorage.getItem('item1');
alert(JSON.parse(obj).item);
localStorage.removeItem('item1');
removeItem 은 삭제해주는 함수이다.
var obj = {item:'sessionStorage',data:'1234'};
sessionStorage.setItem('item1', JSON.stringify(obj));
var obj = sessionStorage.getItem('item1');
alert(JSON.parse(obj).item);
sessionStorage.removeItem('item1');
간단한 내용을 저장하는 건 쿠키를 사용해도 되지만 경우에 따라 웹스토리지에 이용할 수도 있다.
'JAVASCRIPT' 카테고리의 다른 글
JAVASCRIPT substr substring 두 함수 차이점 (0) | 2016.09.26 |
---|---|
JAVASCRIPT 배열 FIFO Queue 형태로 넣는 방법 (0) | 2016.09.22 |
JAVASCRIPT Web Worker 를 이용한 Background 작업처리 (0) | 2016.09.21 |
JAVASCRIPT SMS 문자열 바이트 계산 (0) | 2016.09.09 |
JAVASCRIPT + PHP 새창에 이미지 주소 노출 없이 뿌리기 (0) | 2016.09.01 |
Trackback : | Comments :