Javascript如何编写localStorage脚本

Question

如何编写localStorage脚本，它将记住转动里程表的价值......这样，每次用户再次访问该站点时，里程表将恢复用户离开站点时里程表所处的值？我是javascript的初学者，所以请理解......

这是我的代码：https://jsfiddle.net/aht87opr/17/

我找到了以下可能有助于我的案例的代码：http://jsfiddle.net/Jonathan_Ironman/Hn7jc/

$('button').click(function() {
    var mefedron = myOdometer.get();
    $('#value').text(mefedron);
});

Answer 1

在里程表上做得很好，看起来不错。本地存储很简单。 设置本地存储：

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

获取本地存储空间：

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

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

Answer 2

获取并设置

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

localStorage.distance = 55;

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

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

存储字符串，解析字符串

请注意localStorage.distance被设置为数字，但访问时是一个字符串。如果您只需要存储一个数字，则可以通过parseInt()等函数传递字符串。

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

另一种解决方案是使用JSON

创建里程表的对象模型。

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

然后写信给通过localStorage

传递模型的JSON.stringify

localStorage.odometer = JSON.stringify(odometer);

并使用JSON.parse

读取值

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