Window sessionStorage 속성

정의와 사용법

localStorage 와 sessionStorage 웹 브라우저에서 키/값 쌍을 저장할 수 있는 속성입니다.

sessionStorage 객체는 단일 세션의 데이터만 저장합니다（브라우저 탭을 닫을 때 데이터가 제거됩니다）。

훌륭:또한 참조하십시오 localStorage 속성이 속성은 만료 일자가 없는 데이터를 저장합니다. 브라우저를 닫을 때 데이터는 제거되지 않으며 다음날, 한 주 또는 한 년 후 사용할 수 있습니다.

예제

예제 1

name="lastname"과 value="Smith"의 sessionStorage 이름/값 쌍을 생성한 후 "lastname"의 값을 검색하여 id="result" 요소에 삽입합니다：

// 저장
sessionStorage.setItem("lastname", "Smith");
// 되돌아 가져오기
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

직접 시도해 보세요

예제 2

아래 예제는 사용자가 현재 세션에서 버튼을 클릭한 횟수를 계산합니다：

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";

직접 시도해 보세요

문법

window.sessionStorage

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

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

sessionStorage에서 데이터를 읽는 문법：

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

sessionStorage에서 데이터를 제거하는 문법：

sessionStorage.removeItem("key");

sessionStorage에서 모든 저장된 데이터를 제거하는 문법：

sessionStorage.clear();

기술 세부 사항

반환 값： Storage 대상

브라우저 지원

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

속성 Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5