Javascript如何编写本地存储脚本

如何编写本地存储脚本来记住转动里程表的值…以便每次用户再次访问站点时，里程表都会恢复到用户离开站点时里程表的值？我是javascript初学者，所以请理解

这是我的代码：

我发现以下代码可能对我的案例有所帮助：

---

里程表做得很好，看起来不错。本地存储很简单。 要设置本地存储，请执行以下操作：

localStorage.setItem("key", "value");

var number = localStorage.getItem("key");

要获取本地存储，请执行以下操作：

localStorage.setItem("key", "value");

var number = localStorage.getItem("key");

确保先尝试获取本地存储，以便处理任何空错误。

Get and Set localStorage有几种方法可以获取和设置浏览器的值。最简单的方法是将其视为常规对象

localStorage.distance = 55;

然后，可以通过访问先前创建的属性名称来检索该值

console.log(localStorage.distance); // "55"

如果存储字符串，请解析该字符串 请注意，localStorage.distance被设置为一个数字，但在访问时是一个字符串。如果只需要存储一个数字，可以通过parseInt之类的函数传递字符串

另一个解决方案是使用JSON 创建里程表的对象模型

var odometer = { distance: 55, timeForOilChange: false };

然后将模型通过JSON.stringify写入本地存储

并使用JSON.parse将值读回

---

您尝试过来自的示例吗？您真的无法得到更简单的示例，它是一个非常简单的键/值存储。。如。。set->localStorage.setItem'score'，theScore&get->theScore=localStorage.getItem'score'|0@Keith如果有人能够处理与我提供的JSFIDLE链接相关的代码，那就太好了。我在这里尝试了所有的答案，但在JSFIDLE上都没有成功。我想知道我做错了什么。我说过我是初学者+1，但是您可能应该提到，您应该在try、catch块中包装localStorage用法，或者首先检查它是否可用，因为它可能由于旧的浏览器或移动设备上的私人冲浪模式而不可用。@RyanWalker如果有人能够处理与我提供的JSFIDLE链接相关的代码，那就太好了。我在这里尝试了所有的答案，但在JSFIDLE上都没有成功。我想知道我做错了什么。我说过我是一个初学者，我不熟悉JSFIDLE，但这可能就是问题所在。请在浏览器中的一个普通的.html文档上尝试此功能。谢谢……但我不知道如何在我的代码中实际实现这些信息，请您帮忙好吗@抱歉，堆栈溢出不是代码编写服务。为了清楚起见，请询问另一个更直接的答案。堆栈溢出不会为您提供完整的代码解决方案，但会回答您面临的任何概念性问题。@Habanera这里有一个指向涵盖基本概念的教程的链接。这是我试图自己编写本地存储脚本的尝试。问题是我想在页面刷新后返回到我现在离开页面时的确切数字…正如大家所看到的，我的本地存储脚本，没有做到这一点，即在我试图创建Loader或create函数的第125行可能出现问题，而在第129行和第144行，一定是出了什么问题…@t3dodson

localStorage.odometer = JSON.stringify(odometer);

console.log(JSON.parse(localStorage.odometer)); 
// { distance: 55, timeForOilChange: false }