Javascript 如何编写本地存储脚本

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 }