HTML5 LocalStorage 로컬 스토리지

LocalStorage는 로컬 저장된 것으로, 전체 웹 사이트에서 데이터를 장기간 보존하는 데 사용될 수 있습니다.

이 개체는 window.localstorage 또는 localStorage를 통해 JavaScript 언어로 호출 될 수 있습니다.

1) 동일한 소스 전략에 대한 제한. 다른 페이지간에 동일한 로컬 스터를 작동하려면이 페이지는 동일한 프로토콜, 동일한 호스트 이름 및 동일한 포트에 있어야합니다. (IE8 및 9 스토리지 데이터는 프로토콜 (HTTP 및 HTTPS) 및 포트 번호의 요구 사항을 무시하는 동일한 호스트 이름을 기반으로합니다)

2) 로컬로만 저장됩니다. LocalStorage의 데이터는 HTTP 요청을 통해 서버로 전송되지 않으며 로컬로만 적용됩니다.

3) 영구 보존. 저장된 데이터는 수동 제거까지 만료되지 않았습니다.

4) 저장 방법. LocalStorage의 스토리지 방법이 만들어지고 가치가 있습니다. 값의 값은 문자열 유형이어야합니다 (비 스트링이 아닌 스토리지 중에도 문자열로 변환됩니다. 실제 값은 True로 변환됩니다).

5) 저장 한도 : 다른 브라우저는 상한을 저장하지만 대부분의 브라우저는 상한을 5MB 미만으로 제한합니다.

6) 브라우저와 공유하십시오. 동일한 브라우저의 다른 탭의 동일한 소스 페이지간에 LocalStorage 데이터를 공유 할 수 있습니다.

LocalStorage 브라우저의 가장 작은 버전 : IE8, Chrome 5.

LocalStorage는 두 곳에 더 적합합니다.

1) 큰 데이터가있는 임시 보존 체계. 온라인 편집 기사의 자동 보존과 같은.

2) 멀티 페이지 액세스 공통 데이터. SessionStorage는 동일한 탭 페이지에만 적용됩니다.

readonly int localstorage.length : 정수를 반환하여 LocalStorage 객체에 저장된 데이터 항목 수 (키 값 쌍)의 수를 나타냅니다.

문자열 localStorage.key (int index) : 현재 로컬 스토리지 개체의 인덱스 일련 번호의 키 이름을 반환합니다. 널 반품되지 않은 경우.

StringLocalStorage.getItem (문자열 키) : 키 이름 (키)에 해당하는 값. 널 반품되지 않은 경우.

voidlocalstorage.setitem (String key, String value) :이 메소드는 키 이름 (키)과 값을 스토리지에 추가하는 키 값을 추가하여 해당 값이 업데이트됩니다.

voidlocalstorage.removeItem (문자열 키) : localStorage 객체에서 지정된 키 이름을 제거하십시오.

voidlocalstorage.clear () : LocalStorage 객체의 모든 항목을 지우십시오.

스토리지 : LocalStorage로 변경되면이 이벤트가 트리거됩니다.

이 사건은 IE 11과 Chrome에서 다른 트리거 메커니즘을 가지고 있습니다.

1) 현재 페이지 트리거 : 현재 페이지가 LocalStorage에서 작동하는 경우, IE 11 은이 이벤트를 트리거하는 현재 페이지입니다.

2) LocalStorage의 반복 작동 : 중복 데이터를 입금하면 IE 11이 이벤트가 트리거되고 Chrome 은이 사건을 유발하지 않습니다.

 localStorage.setItem ( 'testkey', 'this a test value "); //

 LocalStorage [ 'testkey'] = '이것은 테스트의 값입니다';

 localstorage.getItem ( 'testkey');

 LocalStorage [ 'testkey']; // => 이것은 테스트의 값입니다

LocalStorage는 JSON 객체를 저장할 수 있습니다. 저장 중에 객체는 json.stringify ()를 통해 텍스트 형식으로 변환됩니다.

 var userntity = {name : 'tom', Age : 22}; : 字符串转换回对象 json var userjsonst = localstorage .getitem ( 'user'); userentity = json.parse (userjsonst); console.log (userentity.name);