SessionStorage는 HTML5의 새로운 세션 스토리지 객체입니다. 이 기사는 주로 SessionStoraages의 사용을 소개합니다. 추가, 수정, 작업 삭제 포함.
SessionStorage는 HTML5의 새로운 세션 스토리지 객체입니다.
이 객체는 window.sessionstorage 또는 sessionstorage를 통해 JavaScript 언어로 호출 될 수 있습니다.
특성1) 동일한 소스 전략에 대한 제한. 다른 페이지간에 동일한 세션 스터를 작동하려면이 페이지는 동일한 프로토콜, 동일한 호스트 이름 및 동일한 포트에 있어야합니다. (예 : 8 및 9 스토리지 데이터는 프로토콜 (HTTP 및 HTTP)의 요구 사항을 무시하는 동일한 호스트 이름 및 포트 번호를 기반으로합니다)
2) 단일 레이블 페이지 제한. SessionStorage 작업은이 탭 페이지에서 단일 탭 페이지로 제한됩니다.
3) 로컬로만 저장됩니다. SeesionStorage의 데이터는 HTTP 요청을 통해 서버로 전송되지 않습니다. (Chrome의 복구 탭 함수를 사용하는 경우 SeesionStorage의 데이터도 복원됩니다).
4) 저장 방법. SeesionStorage의 스토리지 방법은 키와 값을 기반으로합니다. 값의 값은 문자열 유형이어야합니다 (비 스트링이 아닌 스토리지 중에도 문자열로 변환됩니다. 실제 값은 True로 변환됩니다).
5) 저장 한도 : 다른 브라우저는 상한을 저장하지만 대부분의 브라우저는 상한을 5MB 미만으로 제한합니다.
브라우저 최소 버전 지원SessionStorage에 대한 브라우저 지원의 가장 작은 버전 : IE8, Chrome 5.
적합한 장면SessionStorage는 각 비즈니스 모듈에서 전송 값에 편리 할 수있는 SPA (단일 페이지 응용 프로그램)에 매우 적합합니다.
재산readonly intsessionstorage.length : 정수를 반환하여 SessionStorage 객체에 저장된 데이터 항목 수 (키 값 쌍)의 수를 나타냅니다.
방법String SessionStorage.key (int index) : 현재 세션 스토리지 개체의 인덱스 일련 번호의 키 이름이 반환됩니다. 널 반품되지 않은 경우. stringsessionStorage.getItem (문자열 키) : 키 이름의 값 (키). 널 반품되지 않은 경우. voidsessionStorage.SetItem (String key, String value) :이 메소드는 키 이름 (키)과 값을 스토리지에 추가하여 키 값을 추가하면 해당 값이 업데이트됩니다. voidsessionStorage.removeItem (문자열 키) : SessionStorage 객체에서 지정된 키 이름을 제거합니다. voidsessionStorage.clear () : SessionStorage 객체의 모든 항목을 지우십시오.
스토리지 데이터 setitem () 메소드를 사용하여 저장하십시오SessionStorage.setItem ( 'testkey', 'This is test value "); //속성을 통해 저장하십시오
SessionStorage [ 'TestKey'] = '이것은 테스트의 가치입니다. "데이터를 읽습니다 getItem () 메소드를 통한 값
SessionStorage.getItem ( 'TestKey');속성 별 가치
SessionStorage [ 'TestKey']; // => 이것은 테스트의 값입니다JSON 개체를 저장하십시오
SessionStorage는 JSON 객체를 저장할 수 있습니다. 저장할 때 객체는 json.stringify ()를 통해 텍스트 형식으로 변환됩니다.
var userntity = {name : 'tom', Age : 22}; : json 문자열을 변환 var userjsonst = sessionstorage.getItem = json.parse (userjsong);위는 내가 당신에게 소개 한 HTML5 SessionStorage 세션 스토리지입니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!