首页 > 其他 > 详细

sessionStorage和localStorage的使用

时间:2019-03-24 20:02:39      阅读:154      评论:0      收藏:0      [点我收藏+]

 

1 sessionStorage

需求:我从后台得到一个URL的时候,我根据路由判断用户一进入页面显示出一个蒙层,当用户进入当前页面的其他页面再返回时需要使蒙层消失,这时候我就使用到了sessionStorage以及它的特性 浏览器关闭时自动销毁,成功解决;

2 localStorage

需求:页面有一个客服入口,每次进入客服时都要请求一次用户信息传给客服,这时候用到了localStorage,用户第一次进入客服时将用户信息保存在浏览器中,这样用户每次进入客服时后台都会直接获取到用户信息

区别

  • sessionStorage 浏览器关闭时自动销毁
  • localStorage 存储在浏览器中,无期限

sessionStorage用法

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

localStorage用法

// 保存或设置数据到localStorage
    localStorage.setItem(‘key‘,‘value‘)
    
// 获取某个localStorage
    localStorage.getItem(‘key‘)
    
// 从localStorage删除某个保存的数据
    localStorage.removeItem(‘key‘)
    
// 从localStorage删除所有保存的数据
    localStorage.clear();

 

sessionStorage和localStorage的使用

原文:https://www.cnblogs.com/shengzs/p/10589627.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!