HTML5에서는 새로운 로컬 스토리지 기능이 추가됩니다.이 기능은 주로 쿠키 스토리지 공간 (쿠키의 각 쿠키의 저장 공간)을 해결하기 위해 로컬 스토리지로 사용됩니다. 브라우저에서 다른 5m 크기.
둘째, LocalStorage의 장점과 한계 로컬 스터리지 이점1. LocalStorage는 쿠키의 4K 한계를 확장합니다
2. LocalStorage는 첫 번째 요청 데이터를 현지 영역에 직접 저장할 수 있습니다. 이것은 쿠키와 비교할 때 5m의 데이터베이스와 동일합니다. . 지원하다
LocalStorage의 한계1. 브라우저의 크기는 균일하지 않으며 IE8 위의 IE 버전은 LocalStorage의 속성 만 지원합니다.
2. 현재 모든 브라우저는 현지 스토리지의 값 유형을 문자열 유형으로 제한합니다.
3. Browser의 개인 정보 보호 모드에서 LocalStorage를 읽을 수 없습니다.
4. LocalStorage는 본질적으로 문자열에 읽히고 저장된 내용이 저장되면 메모리 공간을 소비하여 페이지가 카드를 변경합니다.
5. 크롤러는 지역주의를 잡을 수 없습니다
LocalStorage와 SessionStorage의 유일한 차이점은 LocalStorage가 영구 저장소에 속하며 SessionStorage는 세션 종료에 속한다는 것입니다.
여기서 우리는 LocalStorage를 사용하여 분석합니다
셋째, LocalStorage의 사용 LocalStorage의 브라우저 지원 :특별한 진술은 다음과 같습니다. IE 브라우저를 사용하는 경우 userData를 스토리지로 사용하는 것은 LocalStorage의 내용입니다. 블로거에 대한 의견
우선, LocalStorage를 사용할 때 브라우저가 LocalStorage의 속성을 지원하는지 여부를 결정해야합니다.
if (! wind
LocalStorage의 글을 쓰는 세 가지 방법이 있습니다
if (! wind a = 1 [C]);}
런타임 후 결과는 다음과 같습니다.
여기서 우리는 LocalStorage의 사용이 동일한 -오리핀 전략을 따르는 것으로 구체적으로 설명해야하므로 다른 웹 사이트는 동일한 LocalStorage를 공유 할 수 없습니다.
마지막으로 콘솔에 인쇄 된 결과는 다음과 같습니다.
독자들은 int 유형이 방금 저장되었는지 알지 못하지만 인쇄는 현지 스토리지 자체의 특성과 관련이 있습니다.
LocalStorage 읽기if (! wind // C 필드 스토리지 (C, 3); /첫 번째 방법은 var a = console.log를 읽습니다 .getItem (c); log (c);}
이것은 그들 사이에있는 세 가지 방법입니다
나는 LocalStorage가 Front -End 데이터베이스와 동일하다고 말했다
LocalStorage의 삭제와 변경의 두 단계에 대해 이야기합시다.
이 단계는 글로벌 변수를 다시 변경하는 것과 동일합니다.
if (! wind // C 필드 스토리지 (C, 3); // console.log [c]);
이 콘솔에서 A 키가 4로 변경되었음을 알 수 있습니다.
LocalStorage의 삭제1. LocalStorage의 모든 내용을 지우십시오
var storage.localstorage.
2. LocalStorage에서 핵심 값을 삭제합니다
var Storage.localstorage.
콘솔보기 결과
LocalStorage 키 획득var Storage.localstorage. 그런 다음 로그 (키);}
key () 메소드를 사용하여 in -and -out index의 인덱스에서 해당 키를 얻습니다.
넷째, LocalStorage 기타 예방 조치일반적으로 JSON은 LocalStorage에 저장하지만 LocalStorage는 자동으로 LocalStorage를 문자열 양식으로 변환합니다.
현재 json.stringify ()를 사용하여 json을 JSON 문자열로 변환 할 수 있습니다.
예:
if (! wind D = JSON.Stringify (데이터);
읽은 후 JSON 문자열을 JSON 객체로 변환해야하며 json.parse () 메소드는 json.parse () 메소드를 사용하는 데 사용됩니다.
var Storage.localstorage = 'xiecany', 'man', '프로그램'; JSON 객체 var json = storage.getItem (data);
인쇄 객체 객체입니다
주목해야 할 또 다른 것은 다른 유형을 읽어야한다는 것입니다.
위는 HTML5 LocalStorage 사용에 대한 요약입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!