Question

我正在尝试使用localStorage来存储一些输入数据。
这就是我提出的并且它不起作用。
有人可以向我解释如何让它工作吗？
我已经搜索过教程，但我发现很难理解如何从localStorage存储和检索数据。

这是我的脚本：

  <body onLoad="get();">

   <article id="hldr">
      <input type="text" id="kID" class="regTXTBOX" placeholder="office ID">
      <input type="text" id="gID" class="regTXTBOX" placeholder="user ID">
      <button id="save" onClick="store();" style="margin-bottom:20px;">save data</button>
      <button id="login" onClick="store();">log-in</button>
    </article>
  <span id="1"></span>
  <span id="2"></span>
</p>
<script type="text/javascript">
function store(){
    var kid = document.getElementById("kID");
    localStorage.setItem("kidStore", kid.value);
}
function get(){
    var one = document.getElementById('1').value
    one = localStorage.getItem("kidStore");
}
</script>
  </body>

我希望它在页面加载时触发，尽管我可能甚至不需要onLoad函数。我也不需要按钮来保存数据，但我只是把它放进去进行测试如果有人可以给我一个逐步的解释来让这个工作，我会非常高兴。

Answer 1

您的问题是span元素没有value属性。因此将其更改为innerText将使其正常工作（以及我在评论中提到的分配问题）。

以下内容可行：

document.getElementById('1').innerText = localStorage.getItem("kidStore");

工作小提琴：http://jsfiddle.net/k6r53/

在localStorage中逐步存储和加载输入数据

1 个答案: