local 与 session

本文介绍了HTML5中的Web Storage,包括localStorage和sessionStorage两种存储方式。sessionStorage用于存储会话数据,仅在同会话的页面间共享,关闭浏览器窗口后数据消失。localStorage则提供持久化本地存储,数据直到被手动删除才会消失,且可跨同源窗口共享。文章详细讲解了两者的方法,并提供了练习和案例。
摘要由CSDN通过智能技术生成

html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅是会话级别的存储。只允许同一窗口访问。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。同源可以读取并修改localStorage数据。
 

一.sessionStorage

1、生命周期为关闭浏览器窗口

2、在同一个窗口(页面)下数据可以共享

3、以键值对的形式存储使用

存储数据:
sessionStorage.setItem(key, value)

获取数据:
sessionStorage.getItem(key)

删除数据:
sessionStorage.removeItem(key)

清空数据:(所有都清除掉)
sessionStorage.clear()

二.localStorage

1、声明周期永久生效,除非手动删除 否则关闭页面也会存在

2、可以多窗口同一浏览器可以共享

3、以键值对的形式存储使用

存储数据:
localStorage.setItem(key, value)

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值