sessionStorage和localStorage的区别与用法
文章已阅读次
二者都是用于浏览器存储,多用于用来存储网站一些需要页面交互的隐秘信息。
当然主流浏览器和高版本的IE浏览器是支持这两种用法的,为了代码的严谨性我们可以加一个判断:
if (!window.sessionStorage) {
this.$message("浏览器不支持sessionStorage,请联系管理员解决");
}
1)sesstionStorage(临时存储): 在浏览器打开期间存在, 用来储存数据的,存储量小存储数据,浏览器关闭后存储信息才清除:
sessionStorage.setItem(‘key’, ‘需要存储的值’);//存
sessionStorage.getItem(‘key’));//取
sessionStorage.removeItem(‘key’);//删除指定key信息
sessionStorage.clear();//删除所有存储信息
2)localStorage(长期存储): 用来储存数据的,数据在浏览器关闭依然存在,存储量更大,其存取与删除方式与sessionStorage类似
localStorage.setItem(‘key’, ‘需要存储的值’);//存
localStorage.getItem(‘key’);//取
localStorage.removeItem(‘key’);//删除指定key信息
localStorage.clear();//删除所有本地存储信息