博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
localStorage 和 sessionStorage 的用法
阅读量:6274 次
发布时间:2019-06-22

本文共 962 字,大约阅读时间需要 3 分钟。

其实提供的接口很简单,localStorage 和 sessionStorage 的用法是一样的。

  • 设置数据:setItem(name, value)

  • 获取数据:getItem(name)

  • 删除键值:removeItem(name)

  • 删除所有键值:clear()

例如:

localStorage.setItem('name', 'wenzhixin');localStorage.getItem('name'); //'wenzhixin'localStorage.removeItem('name'); localStorage.clear();

当然,你也可以使用普通的对象用法:

localStorage.name = 'wenzhixin';localStorage['name'] = 'wenzhixin';localStorage.name; //'wenzhixin'localStorage['name']; //'wenzhixin' delete localStorage.name;//删除键值 delete localStorage['name'];//删除键值

实际使用中,会先将数据转换为 JSON,作为字符存储,如:

localStorage[name] = JSON.stringify(value); //存储JSON.parse(localStorage[name]); //读取 --------------------------------------

if(typeof(Storage)!=="undefined")

{
localStorage.lastname="Smith";
document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}

 

转载于:https://www.cnblogs.com/fx2008/p/5331698.html

你可能感兴趣的文章
将图片转成base64字符串并在JSP页面显示的Java代码
查看>>
js 面试题
查看>>
sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
查看>>
腾讯云下安装 nodejs + 实现 Nginx 反向代理
查看>>
magento2-- 理解自动加载
查看>>
International SEO:多语言多区域网站SEO的快速入门指南
查看>>
180918-JDK之Deflater压缩与Inflater解压
查看>>
redis系列:通过队列案例学习list命令
查看>>
npm发布包的那些事
查看>>
遮罩层 弹框 页面滚动
查看>>
机票分享第一篇 机票由何而来
查看>>
【spring 注解】第1篇:Java基础注解学习
查看>>
Linux命令之awk
查看>>
使用 Flask-Docs 自动生成 Api 文档
查看>>
Angular系列学习三:父子组件之间的交互(常见的组件通讯场景)
查看>>
垃圾回收算法|GC标记-清除算法
查看>>
移除注释的完善思路:真的可以用正则实现?
查看>>
我所了解的CSS包含块
查看>>
vue.js多页面开发 webpack.config.js 配置方式
查看>>
C语言中 变量的生命周期、作用域、类型转换
查看>>