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

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 个解决方案

解决方案1
2 已采纳 2014-01-29 09:51:04

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

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-01-29 09:51:04

解决方案1
2 已采纳 2014-01-29 09:51:04