sessionStorage 使用方法

Posted 2021-03-06 qdjj

作为html5中Web Storage的一种存储方式，localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

W3c上给的介绍是这两者区别在于前者用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。而sessionStorage存储的数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。个人的理解是你在打开一个页面时记录sessionStorage,当你把页面或者浏览器关闭时session中的数据即销毁。

sessionStorage的使用方法是：

 1 // 保存数据到sessionStorage
 2 sessionStorage.setItem(‘key‘, ‘value‘);
 3  
 4 // 从sessionStorage获取数据
 5 var data = sessionStorage.getItem(‘key‘);
 6  
 7 // 从sessionStorage删除保存的数据
 8 sessionStorage.removeItem(‘key‘);
 9  
10 // 从sessionStorage删除所有保存的数据
11 sessionStorage.clear();