Javascript 本地存储未按预期工作_Javascript_Html_Forms_Local Storage

Javascript 本地存储未按预期工作

javascript html forms

Javascript 本地存储未按预期工作,javascript,html,forms,local-storage,Javascript,Html,Forms,Local Storage,我能够成功地从表单输入将数据存储在localStorage中，并在表单输入中显示数据。但每次我输入一些新的查询并按下submit按钮时，它都会显示更新的值，而不显示以前的搜索。如何显示所有以前的搜索并存储值，以便即使在刷新页面后也存储搜索查询？我是否需要将其存储在某个数组中，或者在localStorage中是否有其他方法？我的代码是： <!DOCTYPE html> <html> <head> <script> function clickCou

我能够成功地从

表单

输入将数据存储在localStorage中，并在

表单

输入中显示数据。但每次我输入一些新的查询并按下

submit

按钮时，它都会显示更新的值，而不显示以前的搜索。如何显示所有以前的搜索并存储值，以便即使在刷新页面后也存储搜索查询？我是否需要将其存储在某个数组中，或者在

localStorage

中是否有其他方法？我的代码是：

<!DOCTYPE html>
<html>
<head>
<script>
 function clickCounter()
  {
   if(typeof(Storage)!=="undefined")
     {
      localStorage.formInput = document.getElementById('theInput').value;
      document.getElementById('newText').innerHTML = localStorage.formInput;
     }
   else
    {
     document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
    }
 }
</script>
</head>
<body>
 <input type='text' id='theInput' value='Write here' />
 <input type='button' onclick='clickCounter()' value='See what you wrote'/>
 <div id="result"></div>
  <p>You wrote: <span id='newText'></span> </p>
</body>
</html>


函数clickCounter（）
{
if（类型（存储）！=“未定义”）
{
localStorage.formInput=document.getElementById（'theInput'）。值；
document.getElementById（'newText'）。innerHTML=localStorage.formInput；
}
其他的
{
document.getElementById（“结果”）.innerHTML=“对不起，您的浏览器不支持web存储…”；
}
}
你写道：

为了在localStorage中正确存储信息，必须为其分配一个密钥。您所做的只是将这些值存储在Javascript的内存中，而该内存不会在页面刷新过程中保持不变。还请注意，只有在运行clickCounter（）时，页面才会获取locaStorage键的值。因此，除非在页面加载时初始化函数，否则它不会在页面加载时放置在apge上

您可能希望执行以下操作：

function clickCounter()
  {
   if(typeof(Storage)!=="undefined")
     {
      localStorage.formInput = document.getElementById('theInput').value;
      document.getElementById('newText').innerHTML = localStorage.formInput;
     }
   else
    {
     document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
    }
 }

请注意，localStorage在不同的设备和浏览器中的实现方式不同。您可能还需要研究Modernizer以进行特征检测。请注意，在某些浏览器中，（Chrome）如果用户清除cookie，本地存储也会被清除

如何在本地存储中存储物品？你们储存什么？你希望你的代码如何工作？Make if（typeof（Storage）！=“undefined”）if（Storage）@Pointy我想我的问题很清楚，它有你问题的答案。不管是谁投反对票，你希望一个问题还应该包含什么？不，一点也不清楚。您没有将任何存储任何内容的代码发布到本地存储。事实上，你发布的内容与本地存储完全无关。存储对你来说是什么？你是否按照我的建议加入了现代化？我的直觉是存储是一个未定义的变量，而不是本地存储缓存。