JS中localStorage和sessionStorage

localStorage:永久存储在本地,适合保存在本地的数据
sessionStorage:会话级的存储,敏感帐号一次登陆

相同点:
1)都是保存在浏览器端
2)不会把数据自动的发送给服务器,仅在本地保存
3)只能存储字符串,可以将对象JSON.stringify()编码之后进行存储

不同点:
1)存储大小限制不同:sessionStorage存储的大小为5M,localStorage存储大小为20M
2)数据有效期不同:

  • localStorage:始终有效,窗口关闭或者浏览器关闭,一直保存,持久保存数据
  • sessionStorage:仅在当前浏览器窗口关闭前有效,会话级存储

3)作用域不同:

  • sessionStorage:在不同浏览器窗口不会进行共享,只有同一个页面中才ok
  • localStorage:在所有的同源的窗口下可以共享的
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStoragesessionStorageJavaScript的两个对象,用于在浏览器存储数据。它们提供了一种在浏览器会话期间(sessionStorage)或者永久保存(localStorage)数据的方式。 通过localStoragesessionStorage对象,可以进行以下操作: 1. 存储数据:使用setItem()方法将数据存储到localStoragesessionStorage。例如: ```javascript localStorage.setItem('key', 'value'); // 存储到localStorage sessionStorage.setItem('key', 'value'); // 存储到sessionStorage ``` 2. 获取数据:使用getItem()方法从localStoragesessionStorage获取存储的数据。例如: ```javascript var value = localStorage.getItem('key'); // 从localStorage获取数据 var value = sessionStorage.getItem('key'); // 从sessionStorage获取数据 ``` 3. 更新数据:使用setItem()方法更新已存储的数据。例如: ```javascript localStorage.setItem('key', 'new value'); // 更新localStorage的数据 sessionStorage.setItem('key', 'new value'); // 更新sessionStorage的数据 ``` 4. 删除数据:使用removeItem()方法从localStoragesessionStorage删除指定的数据。例如: ```javascript localStorage.removeItem('key'); // 从localStorage删除指定的数据 sessionStorage.removeItem('key'); // 从sessionStorage删除指定的数据 ``` 5. 清空数据:使用clear()方法清空localStoragesessionStorage的所有数据。例如: ```javascript localStorage.clear(); // 清空localStorage的所有数据 sessionStorage.clear(); // 清空sessionStorage的所有数据 ``` 需要注意的是,localStorage存储的数据在浏览器关闭后仍然存在,而sessionStorage存储的数据只在当前会话期间有效,即当用户关闭浏览器标签页或窗口时会被清除。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值