developer tip

sessionStorage 및 localStorage의 범위

optionbox 2020. 8. 23. 08:59
반응형

sessionStorage 및 localStorage의 범위


sessionStorage 및 localStorage에 대한 문서를 읽었지만 범위가 무엇인지 이해하지 못합니다 : 도메인, 특정 페이지?

예를 들어 다음 페이지가있는 경우 :

http://example.com/products.aspx?productID=1

http://example.com/products.aspx?productID=2

http://example.com/services.aspx?serviceID=3

위의 각 페이지에서 실행하는 경우 (idvalue가 쿼리 문자열의 값이 됨) :

localStorage.setItem('ID',idvalue);

3 개의 서로 다른 값이 저장 될까요? 아니면 값이 서로 덮어 쓰게 될까요?


값이 서로 덮어 쓰게됩니다. 각 키 이름 쌍은 경로에 관계없이 프로토콜 및 도메인에 대해 고유합니다.

영향을받는 도메인은 document.domain속성을 통해 변경할 수 있습니다 .

  • sub.example.com-> example.com가능 (하위 도메인)
  • sub.example.com-> other.example.com불가능

세션 스토리지 :

  1. 값은 저장된 창 또는 탭 동안 만 유지됩니다.

  2. 값은 값을 생성 한 창이나 탭에서만 볼 수 있습니다.

로컬 스토리지 :

  1. 값은 창 및 브라우저 수명을 유지합니다.

  2. 값은 동일한 원본에서 실행되는 모든 창 또는 탭에서 공유됩니다.

따라서이 각 키-값 쌍을 읽고 이해하면 로컬 저장소가 창이나 탭에서 값을 유지하기 때문에 각 도메인에 대해 고유합니다.

참고 URL : https://stackoverflow.com/questions/9742395/scope-of-sessionstorage-and-localstorage

반응형