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
本文介绍了HTML5中的WebStorage机制,包括localStorage和sessionStorage两种存储方式。localStorage用于持久化的本地存储,数据不会过期;sessionStorage则仅限于会话级别,会随会话结束而销毁。文章还提供了这两种存储方式的具体使用示例。
1299

被折叠的 条评论
为什么被折叠?



