Question

尝试存储一堆填充的文本框，然后按钮单击本地存储。我环顾四周，发现了我正在尝试的这个，除了我得到Uncaught ReferenceError：save_data没有定义。任何见解都将不胜感激。

<label for="serveri"> Server: </label> <input type='text' name="server" id="saveServer"/> <button onclick="save_data()" type="button" value="Save" id="Save">Save</button>

<script>
function saveData(){ var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server"); } </script>

如果上面没有显示我的问题，请参阅jsfiddle：http://jsfiddle.net/hhntg/

Answer 1

编辑你的jsfiddle使事情有效。您只需在单击按钮时运行该功能。通过检查员对本地存储进行测试和验证。

http://jsfiddle.net/hhntg/1/

var save_button = document.getElementById('Save')
save_button.onclick = saveData;

function saveData(){
  var input = document.getElementById("saveServer");
  localStorage.setItem("server", input.value);
  var storedValue = localStorage.getItem("server");
}

这里代码的唯一区别是你编写的函数被附加到save元素上的click处理程序，你几乎就在那里：）

Answer 2

根据我的观察。您将函数名称命名为saveData，其中将save_data用于按钮

单击按钮的HTML本地存储

2 个答案: