如何让localStorage在todolist-app上工作

我不知道localStorage是如何工作的，我需要它用于我的项目。我正在做一个todolist应用程序，我需要保存这些项目，以便用户可以关闭应用程序，并且当他们再次打开应用程序时，列表仍然存在。我怎么做？如何让localStorage在todolist-app上工作

<!DOCTYPE html> 
<html manifest = offline.appcache> 
<head> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="mobile-web-app-capable" content="yes"> 
<link rel="shortcut icon" href="favicon.ico"> 
<link href="main.css" type="text/css" rel="stylesheet"> 


<title>Inköpslista</title> 

</head> 

<body> 
<div id="kol1" class="kol"> 

    <h1>Inköp</h1> 
    <input type="image" src="img/button.png" alt="Submit" id="storknapp"  onclick="klickaKnapp('skriva')"/> 
     <div id="form"> 
     <input type"text" id="skriva" placeholder="Skriv din vara här!"/> 
     <input type="image" id="knapp" src="img/pluss.png" alt="Submit"/> 
     </div> 


</div> 

<div id="kol2"> 
<ul id="listaavvara"></ul> 
</div> 



</body> 
<script src="menudropdown.js" type="text/javascript"></script> 
<script type="text/javascript" src="java.js"></script> 
</html>

来源

2014-10-09 vic

你搜索？这是谷歌的第一个结果http://diveintohtml5.info/storage.html – 2014-10-09 16:48:07

@adrianogalessoalves是的，我做了但没有理解它。 – vic 2014-10-09 16:50:25

你知道吗？ – 2014-10-09 17:02:18

饼干减慢你的Web应用程序，所以如果你将数据存储到客户端浏览器，你可能想使用的localStorage或sessionStorage的。所以，如果你想：

客户端上的大量的存储空间
是持续超过一个页面刷新
，不传输到服务器

创建值：

localStorage.setItem("bar", foo);

获取值：

var foo = localStorage["bar"];

删除值：

localStorage.clear();

如果你想创建一个列表，例如，你可以在JSON值存储到像localStorage的：

localStorage.setItem("list", "[{"name":"Adriano"},{"name":"Vic"},{"name":"Test"}]");

然后你找回并用JS组装到你的页面中。

此链接是完美的：http://diveintohtml5.info/storage.html

顺便说一句：它没有到期日像饼干=）

来源

2014-10-09 17:10:52

但我们需要唯一的ID为我们在输入领域的一切，你有一个答案吗？ – vic 2014-10-09 17:19:15

，然后我如何获得我的唯一身份证到这个代码:) – vic 2014-10-09 17:20:35

如何让localStorage在todolist-app上工作

回答

相关问题