html5中Web Storage的存储方式,今天介绍
localStorage
和sessionStorage
两种。
这两者区别在于用于localStorage
持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
而sessionStorage
存储的数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。
因此sessionStorage
不是一种持久化的本地存储,仅仅是会话级别的存储。
也就是你在打开一个页面时记录sessionStorage,当你把页面或者浏览器关闭时session
中的数据即销毁。
sessionStorage用法:
// 保存数据到sessionStorage
sessionStorage.setItem('key', 'value');
// 从sessionStorage获取数据
var data = sessionStorage.getItem('key');
// 从sessionStorage删除保存的数据
sessionStorage.removeItem('key');
// 从sessionStorage删除所有保存的数据
sessionStorage.clear();
localstory用法:
//相当于存入本地硬盘
localstory setItem('key', 'value')
//取出
localstory getItem('key', 'value')
项目中建议使用sessionStorage