sessionstorage页面没关闭的话会被自动清掉吗

Posted 2023-05-16

不会的。
只要当前页面没有关闭，数据就一直在的。 参考技术A sessionstorage 指的是会话存储，也就是说当前会话没有关闭的话，它是不会自动清除的。
当然，你可以手动清除存储内容。
但是有一种特殊情况，就是当存储空间溢出时，可能会导致数据丢失。一般 sessionstorage 的存储空间为 5M ，如果超过了5M，即使当前会话没有关闭，那么数据也可能丢失

h5-sessionStorage储存的使用

 1 <!--
 2 sessionStorage的使用：存储数据到本地。存储的容量5mb左右
 3     1.这个数据本质是储存在当前页面的内存中
 4     2.他的生命周期为关闭当前页面，关闭页面，数据会自动清楚
 5 
 6 setTtem(key,value):存储数据，以键值对的方式储存
 7 getItem(key):获取数据，通过制定名称的key获取对应的value值
 8 removeItme(key):删除数据，通过制定名称key删除对应的值
 9 clear():清空所有存储的内容
10 -->
11 <input type="text" id="username"><br/>
12 <input type="button" value="设置数据" id="setData"><br/>
13 <input type="button" value="获取数据" id="getData"><br/>
14 <input type="button" value="删除数据" id="removeData"><br/>
15 
16 <script>
17     /*存储数据*/
18     document.querySelector("#setData").onclick=function () 
19         var name = document.querySelector("#username").value;
20         window.sessionStorage.setItem("userName",name);
21     
22     /*获取数据*/
23     document.querySelector("#getData").onclick=function () 
24         /*如果找不到对应名称的key，那么就会获取null*/
25         var name=window.sessionStorage.getItem("userName");
26         alert(name);
27     
28     /*删除数据*/
29     document.querySelector("#removeData").onclick=function () 
30         /*在删除的时候如果key值错误，不会报错，也不会删除数据*/
31         window.sessionStorage.removeItem("userName");
32     
33 </script>