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

localStorage存储方法

localStorage.name = localStorage["name"]=‘vanida‘;localStorage.setItem("name","vanida");//这三种设置值方式是一样的;

localStorage获取值方法
var name = localStorage["name"] = localStorage.name= localStorage.getItem("name");//这三种获取值方式是一样的;

localStorage清值方法
localStorage.removeItem("name");或者localStorage.name=‘‘;//清除name的值

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}"

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

例子:

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

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

时间: 2024-07-31 15:57:40

用localStorage来存储数据的一些经验的相关文章

HTML5学习笔记之客户端存储数据方法:localStorage(),sessionStorage()

HTML5提供了两种在客户端存储数据的新方法: localStorage():没有时间限制的数据存储 sessionStorage():针对一个session的数据存储 下面的一个例子用localStroage()方法对用户访问页面的次数进行计数 <script type="text/javascript"> if(localStorage.pagecount) { localStorage.pagecount=Number(localStorage.pagecount)+

使用QML LocalStorage来存储我们的数据

在先前的样例中.我们能够"使用SQLite offline storage API来存储应用的设置".我们也在例程"怎样在QML应用中动态改动ListModel中的数据并存储它为JSON格式"中展示怎样把我们须要的JSON存储到一个本地的文件里. 在这篇文章中,我们将使用QtQuick所提供的LocalStorage来存储我们所须要的数据. 为了说明问题,我首先来创建一个基于"QtQuick App with QML UI (qmake)"的模版

Hive和Impala加载和存储数据功能曝光

Hive与Impala都是构建在Hadoop之上的数据查询工具,那么在实际的应用中,它们是如何加载和存储数据的呢? Hive和Impala存储和加载表,和所有的关系型数据库一样,有自己的数据管理结构,从它的Server到Database再到表和视图. 在其他的数据库中,表都是以自己特定的文件格式来存储的,比如Oracle有自己的存储格式,而对Hive而言,一个表就是包含一个或多个文件的HDFS目录,这个文件是属于表下面的内容,默认存储路径:/user/hive/warehouse/<table_

[安卓基础]010. 存储数据(上)

*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } a { color: #4183C4; text-decoration: none; } a.absent { color: #cc0000; } a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: poin

HTML5 localStorage本地存储实际应用举例

HTML5 localStorage本地存储实际应用举例 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952 一.引言 HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性.就我所做的项目而言,应用的HTML5相关特性有:data-自定义属性.placeholder.以及email类型input文本框.上周新上线的会员中心,自己又

localStorage本地存储的简单使用

我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储. 1.localStorage.name="老王";      //第一种设置存储本地数据的方法localStorage 2.localStorage.setItem("color","red");   //第二种设置存储本地数据的方法 3.localStorage.removeItem("name"); //删除本地存储数据 4.localStor

LocalStorage本地存储

LocalStorage,即"Web存储",某些浏览器供应商也叫"本地存储"."DOM存储",原本作为HTML5标准的一部分,后来因为某些原因被抽离出来作为单独的WEB应用标准.localStorage提供了一种方式,让Web页面在客户端浏览器中以键值对的形式存储本地字符串数据,无论是用户是离开该站点,刷新,关闭浏览器还是其他操作,存储的数据依然存在. 一.localStorage与cookie localStorage与cookie一样,都是在

Web Storage 提供的客户端存储数据的方法

包括localStorage和sessionStorage.他们都只能读写当前域的数据,区别是,localStorage存储的数据不会过期,sessionStorage存储的数据每次关闭浏览器后都会被清空. ps: 现在很多浏览器都提供了“匿名访问”,“安全模式”,“隐身窗口”等等功能.在这种情况下,浏览器都是会重新建立一个新的localStorage,所以这些模式下的页面是没法访问在正常模式下的页面中的数据. 曾经,Firefox支持globalStorage:能读写所有域的存储数据的loca

HTML5 LocalStorage 本地存储原理详解

首先自然是检测浏览器是否支持本地存储.在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同,这里以localStorage为例. if(window.localstorage){ alert('this brower supports localstorage'); }else{ alert('this browe