使用HTML5本地存储

保存多个值，我有利用本地存储来保存按钮被点击的次数进行量页：使用HTML5本地存储

function clickCounter() { 
    if(typeof(Storage) !== "undefined") { 
     if (localStorage.clickcount) { 
      localStorage.clickcount = Number(localStorage.clickcount)+1; 
     } else { 
      localStorage.clickcount = 1; 
     } 
     document.getElementById("result").innerHTML = "" + localStorage.clickcount + "."; 
    } else { 
     document.getElementById("result").innerHTML = "Sorry, your browser does not support web storage..."; 
    } 
}

我现在想添加3个按钮和要存储的值为每个这些分开。要显示它，我知道我会参考适当的ID，但我不知道如何存储这些值。我想我会有3个进一步的函数来执行这个操作，并且需要为每个值创建一个变量？我在正确的道路上吗？

来源

2016-02-26 TJ15

总之，你可以做以下的物品存放在localStorage：

localStorage.firstButtonCount += 1; 

localStorage.secondButtonCount +=1;

的问题的关键是，localStorage就像一个JavaScript对象。所以，这意味着您应该记住，如果使用.点符号来执行此操作，则无法对来自变量并在运行时确定的键执行此操作。对于这种情况，请使用方括号表示法[]。

var my = 'firstButtonCount'; 
var second = 'secondButtonCount'; 

if(something > 10){ 
localStorage[my] += 1; // Determined dynamically 
} else{ 
localStorage[second] += 1; 
}

来源

2016-02-26 15:51:22

您可以继续使用点符号将新项添加到localStorage对象。 localStorage.keyName = value是完全可以接受的。要查看它看起来像打开浏览器开发工具并在控制台中输入localStorage。你会看到它基本上只是一个对象。

来源

2016-02-26 15:37:47

使用HTML5本地存储

回答

相关问题