Question

我不知道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>

Answer 1

Cookie会降低您的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

顺便说一句：它没有像cookies那样的失效日期=）

如何让localStorage在todolist-app上工作

1 个答案: