HTML5新特性--WebStorage的简单操作

本文详细介绍了浏览器端的两种本地存储方式:localStorage 和 sessionStorage。localStorage 用于永久保存数据,而 sessionStorage 则仅在会话期间有效。文章对比了这两种存储方式的使用方法,包括设置项、获取项、删除项等关键操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

localStorage  在客户端浏览器(永久保存)保存数据

  1. 保存数据 localStorage[key] = value

  2. 保存数据 localStorage.setItem(key,value);

  3. 获取数据 var value = localStorage [key];

  4. 获取数据 var value = localStorage.getItem(key);

  5. 删除数据 localStorage.removeItem(key);

  6. 删除数据 localStorage.clear();

  7. 数据个数 localStorage.length

  8. 获取key  var key = localStorage.key(i);

sessionStorage  类数组对象,会话级(关闭窗口就清除)数据存储

  1. 保存数据 sessionStorage[key] = value

  2. 保存数据 sessionStorage.setItem(key,value);

  3. 获取数据 var value = sessionStorage[key];

  4. 获取数据 var value = sessionStorage.getItem(key);

  5. 删除数据 sessionStorage.removeItem(key);

  6. 删除数据 sessionStorage.clear();

  7. 数据个数 sessionStorage.length

  8. 获取key  var key = sessionStorage.key(i);

  9. 数据个数 localStorage.length

  10. 获取key  var key = localStorage.key(i);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值