HTML5 LocalStorage 로컬 스토리지 및 상쾌한 가치

1. LocalStorage는 로컬 스토리지이며 저장 기간은 제한되지 않습니다.

2. SessionStorage Session Storage, 페이지 종료 데이터가 손실됩니다.

LocalStorage.setitem (키, 값) // 스토리지

localStorage.getItem (키) // 값의 키를 누릅니다

LocalStorage.valueof () // 전체 값을 얻습니다

LocalStorage.removeItem (키) // 단일 값 삭제, 인용 표시에주의를 기울이십시오.

localStorage.clear () // 모든 데이터를 삭제합니다

LocalStorage.length // 획득 한 데이터 수

LocalStorage.key (N) // NN 데이터의 키 값 가져 오기

참고 : LocalStorage 및 SessionStorage는 위와 동일합니다.

LocalStorage.key = 1;

LocalStorage.removeItem (키); // 스토리지 키를 제거하십시오.

다음은 실질적인 예입니다.

로컬로 입력 텍스트 컨텐츠를 달성하고 브라우저를 닫고 다시 문을 연 후에는 이전에 입력 한 컨텐츠가 여전히 휴가 로그의 휴가 분야에서 입력됩니다).

우선, <TextRea> </textRea> 페이지에서 텍스트 도메인을 만드십시오. 아래는 jQuery입니다.

 if (! localStorage.getItem (text)) // 이전 창은 localStorage.setItem을 생략합니다 LocalStorage.text = LocalStorage.getItem (TextRea) .html (localStorage.text); Blur, Change, Keydown 및 타이머는 멀티 필드 스토리지 LocalStorage.setitem (텍스트, $ (this) .val ());

위의 것은 실용적인 작은 기능을 달성 할 수 있으며, 이는 H5의 로컬 저장이 여전히 유용하다는 것을 반영합니다. 인터넷에서 다음을 참조하십시오

 <script type = text/javaScript> if (wind sessionStorage.getItem ( 'key_a'; sessionstorage.setitem ( 'key_c', 2); ============= "); log (key_d); //이 키가 사라지면 작은 차이가 있습니다. 하나의 반환 값은 null console.log입니다 (sessionstorage.key_null); ==== == 객체를 저장하는 예 ======== '); : a 'a', y : [ 'bb', 12, 'cc', {a : 1, b : 2}], z : 1333}}; ); i ++) {콘솔 로그 (page.b [i]);} // 일반적으로 (var j in page.c) {console.log (page.c [j])} // Key SessionStorage.removeItem ( '' 'Pay');

예 : 파는 사람, 페이지를 새로 고치면 효과를 볼 수 있습니다.

 <div id = test> </div> <cript> var stacod = window.localstorage; 문서를 변환하는 형식이 되십시오

HTML5의 로컬 스토리지는 문자열에만 저장 될 수 있습니다. 모든 형식으로 저장되면 문자열로 자동 변환되므로 읽을 때 직접 변환해야합니다. 이것이 이전 코드에서 Parseint를 사용해야하는 이유입니다.

위는 내가 당신에게 소개 한 HTML5 로컬 스토리지 브러싱 값입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!