Window sessionStorage 속성

sessionStorage 속성은 session Storage 객체에 접근할 수 있습니다. 주의해야 할 것은 sessionStorage나 localStorage에 저장된 데이터가 해당 페이지의 프로토콜에 특정되어 있다는 점입니다.

JavaScript Window 객체

이sessionStorage에 접근할 수 있습니다.읽기 전용 속성은 하나의 session Storage객체.

localStorage와 sessionStorage 속성은 키/값 쌍이 웹 브라우저에 저장됩니다.

sessionStorage 객체는 브라우저 세션이 저장된 데이터를 저장합니다. 사용자가 특정 브라우저 탭을 닫을 때 데이터가 제거됩니다.

sessionStorage는 localStorage와 유사합니다; 유일한 차이는 localStorage에 저장된 데이터가 만료 시간이 없고, sessionStorage에 저장된 데이터가 페이지 세션이 끝날 때까지 지속되는 것입니다.

페이지 세션은 브라우저가 열려 있는 동안 유지되며, 페이지를 다시 로드하거나 페이지를 복원할 때도 원래 페이지 세션이 유지됩니다. 새 탭이나 창에서 페이지를 엽니다면, 최상위 브라우저 세션이 새 세션이 되는上下문으로 복사됩니다. 이는 session cookies의 동작 방식과 다릅니다.

우리의HTML5 Web Storage API에서sessionStorage에 대해 더 많은 정보를 알아보세요.

문법:

window.sessionStorage

데이터를저장sessionStorage에 데이터를 저장하는 문법:

sessionStorage.setItem("key", "value");

sessionStorage에서 읽기데이터의 문법:

var name = sessionStorage.getItem("key");

sessionStorage에서 삭제데이터의 문법:

sessionStorage.removeItem("key");

sessionStorage에서 모두 제거저장된 데이터의 문법:

sessionStorage.clear();

//　저장
sessionStorage.setItem("name", "Parrot");
//　값 가져오기
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

위의 코드는 name="name"와 value="Parrot"를 사용하여 sessionStorage 이름을 생성합니다./값 쌍.

그런 다음 "이름"의 값을 검색하고 id="demo"의 요소에 삽입합니다.

이름/값은 항상 문자열로 저장되며 필요에 따라 다른 형식으로 변환할 수 있습니다.

주의:사용자가 브라우저 창을 닫으면 sessionStorage가 지워집니다.

브라우저 호환성

표에 나타난 숫자는 sessionStorage 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

기술 세부 사항

更多实例

다음 예제는 세션 변수를 설정하고 해당 변수에 접근하는 방법을 보여줍니다:

if (sessionStorage.hits) {
else {　+　1;
}
sessionStorage.hits =　1;
}

관련 참조

창(Window) 참조:window.localStorage 속성

HTML 튜토리얼:HTML5 Web 저장 API

JavaScript Window 객체