세션 수준 로컬 저장소: sessionStorage

HTML5에는 sessionStorage라는 Js 객체가 추가되어 있으며, 이 객체를 통해 브라우저에 저장된 세션 수준의 WebStorage를 직접 조작할 수 있습니다. sessionStorage에 저장된 데이터는 먼저 Key-Value 형태로 존재하며, 세션이 종료되면 만료 시간이 설정되지 않은 쿠키와 마찬가지로 데이터가 자동으로 삭제됩니다. .

  • sessionStorage는 로컬 스토리지에서 관련 작업을 수행하는 데 도움이 되는 네 가지 방법을 제공합니다.

  • setItem(key, value)은 로컬 저장소 데이터를 추가합니다. 두 매개변수는 매우 간단하므로 자세히 설명하지 않겠습니다.

  • getItem(key)는 key를 통해 해당 값을 가져옵니다.

  • removeItem(key)은 키별로 로컬 데이터를 삭제합니다.

  • clear()는 데이터를 지웁니다.

코드는 다음과 같습니다.

                          
    <script type="text/javascript">
        //添加key-value 数据到 sessionStorage
        localStorage.setItem("demokey", "http://blog.itjeek.com");
        //通过key来获取value
        var dt = localStorage.getItem("demokey");
        alert(dt);
        //清空所有的key-value数据。
        //localStorage.clear();
        alert(localStorage.length);
    </script>


지속적인 학습
||
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>php中文网</title>  </head> <body> <script type="text/javascript"> //添加key-value 数据到 sessionStorage localStorage.setItem("demokey", "http://blog.itjeek.com"); //通过key来获取value var dt = localStorage.getItem("demokey"); alert(dt); //清空所有的key-value数据。 //localStorage.clear(); alert(localStorage.length); </script> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~