Question

我是javascript的新手，目前正在开发一个简单的计数器，我们的想法是，您可以将您的计数存储在localStorage中，并在您喜欢的时候清除它们。

我一直在构建W3C示例，但无法清除localStorage。

我已经尝试将值设置为零以及简单地清除和删除项目，但这是我到目前为止所处的位置：

function clickCounter()
{
if(typeof(Storage)!=="undefined")
  {
  if (localStorage.clickcount)
    {
    localStorage.clickcount=Number(localStorage.clickcount)+1;
    }
  else
    {
    localStorage.clickcount=1;
    }
  document.getElementById("result").innerHTML="You have clicked the button " + localStorage.clickcount + " time(s).";
  }
}

function cleanUp(){
    localStorage.clickcount=0;

}
</script>
</head>
<body>

<br/>   

<p><button onclick="clickCounter()" type="button">Click me!</button></p>
<button onclick="cleanUp()">Reset button</button>

<div id="result"></div>

Answer 1

我将您的代码粘贴到一个空的HTML文件中并运行它，工作正常

我所做的就是添加缺失的＆lt;脚本＆gt;

我正在使用Chrome 22

仅供参考，这是您从本地存储中删除内容的方法

localStorage.removeItem('thekey');

Answer 2

如果你正在使用js。如果要清除localStorage中的所有数据，可以使用此方法。 localStorage.clear();

但是如果您只想清除单个localStorage，请使用localStorage.removeItem('key');

实施例

function cleanUp(){
    localStorage.clear(); //This clears all localStorage, when you click the button with this function

}

无法在javascript中清除localStorage

2 个答案: