用localStorage来存储数据的一些经验

2024-05-11 00:38:32

localStorage：

是一种你不主动清除它，它会一直将存储数据存储在客户端的存储方式，即使你关闭了客户端（浏览器)，属于本地持久层储存

sessionStorage：

用于本地存储一个会话（session）中的数据，一旦会话关闭，那么数据会消失，比如刷新。

localStorage与sessionStorage具有相同的API，以下方法都可以用于sessionStorage

localStorage存储方法

localStorage.name ='vanida；

localStorage["name"]='vanida'；

localStorage.setItem("name","vanida");

　　

//这三种设置值方式是一样的；

localStorage获取值方法

var name = localStorage["name"]

var name= localStorage.name

var name＝ localStorage.getItem("name");

//这三种获取值方式是一样的；

localStorage清除特定值方法

//清除name的值
localStorage.removeItem("name");

localStorage.name＝'';

localStorage清除所有值方法

localStorage.clear()

localStorage只能存储字符串，如果需要存储对象，首先要转化为字符串。利用JSON.stringify()；

var person = {name:"vanida","sex":"girl","age":25};

localStorage.setItem("person",JSON.stringify(person));

// localStorage.person="{"name":"vanida","sex":"girl","age":25}"

注意：JSON.stringify()中不要忘了“i”,stringify而不是stringfy！

然后取出person的对象你可以用JSON.parse();

person = JSON.parse(localStorage.getItem("person"));

// {name: "vanida", sex: "girl", age: 25}

转自：https://www.cnblogs.com/xiaojingyuan/p/5757975.html

转载于:https://www.cnblogs.com/chenguangliang/p/10967148.html

用localStorage来存储数据的一些经验相关推荐

localStorage自定义存储数据方法及其使用总结
localStorage 自定义一个localStorage本地存储数据 JSON.parse() JSON.stringify() localStorage例子自定义一个localStorage本 ...
基于vue练习demo：发表评论案例 (使用localStorage存储数据)
前言最近在学习 VUE的相关知识,之前学习html和css3和原生js及jq库时感觉还挺轻松,但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router,vue-cli,webpac ...
[js] localStorage 如何存储JSON数据并读取JSON数据
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage ...
html5保存资源本地,html5之Localstorage本地存储
题外话今天把博客里面的内容,同步在github的issues中了.具体地址是:https://github.com/confidence68/blog/issues ,欢迎大家访问,给star. L ...
在HTML5 localStorage中存储对象
我想将JavaScript对象存储在HTML5 localStorage ,但是我的对象显然正在转换为字符串. 我可以使用localStorage存储和检索原始JavaScript类型和数组,但是对象 ...
前端在浏览器端存储数据
在前端中存储数据大致有三种模式: 1:cookie:但是cookie的空间只有4k,所以很少使用: 2:sessionStorage: 是在本地存储数据,其空间有最多可以达到5M,但是生命周期是浏览器 ...
HTML5 localStorage本地存储
介绍 localStorage(本地存储)的使用方式.包括对存储对象的添加.修改.删除.事件触发等操作. 目录 1. 介绍 1.1 说明 1.2 特点 1.3 浏览器最小版本支持 1.4 适合场景 2 ...
从vivo 大规模特征存储实践中学点经验
原创黄伟锋本文旨在介绍 vivo 内部的特征存储实践.演进以及未来展望,抛砖引玉,吸引更多优秀的想法. 一.需求分析 AI 技术在 vivo 内部应用越来越广泛,其中特征数据扮演着至关重要的角色, ...
.net core2.0下使用Identity改用dapper存储数据
前言. 已经好多天没写博客了,鉴于空闲无聊之时又兴起想写写博客,也当是给自己做个笔记.过了这么些天,我的文笔还是依然那么烂就请多多谅解了.今天主要是分享一下在使用.net core2.0下的实际遇到的 ...

最新文章

热门文章