Fatal编程技术网

Javascript 本地存储问题

javascript html

Javascript 本地存储问题,javascript,html,local-storage,Javascript,Html,Local Storage,我正在尝试使此本地存储脚本正常工作 我需要名字、姓氏和州。我只能保存一个元素吗？我设置了3行，每个元素一行 另外，我想使用jQuery append（）方法。到目前为止，我只能得到工作的警告。警报（val）；但这不是我想要的，我只能得到最后一个元素来显示…不是名字，姓氏和状态 这是我的密码： <div id="message"> </div> </p> <p> <script type="t

我正在尝试使此本地存储脚本正常工作

我需要名字、姓氏和州。我只能保存一个元素吗？我设置了3行，每个元素一行

另外，我想使用jQuery append（）方法。到目前为止，我只能得到工作的警告。警报（val）；但这不是我想要的，我只能得到最后一个元素来显示…不是名字，姓氏和状态

这是我的密码：

<div id="message">

       </div>
       </p>
       <p>
    <script type="text/javascript">

      function saveLocal(){
if (window.localStorage) {
    localStorage.setItem("firstname","myfirstname");
    localStorage.setItem("lastname","mylastname");
    localStorage.setItem("lastname","state");
    alert("The data has been saved locally.");
} else {
    alert("Your Browser does not support LocalStorage.");
}
     }

   function readLocal(){
if (window.localStorage) {
    var val = localStorage.getItem("firstname");
    var val = localStorage.getItem("lastname");
    var val = localStorage.getItem("state");
    $("#message").empty().append(getVal());
}else {
    alert("Your Browser does not support LocalStorage.");
}
   }

  </script>
    </head>
  <body>
   <div id="main">
<input type="button" value="Save Values" onclick="saveLocal()"/>
<input type="button" value="Read Values" onclick="getVal()"/>
    </div>





函数saveLocal（）{
if（window.localStorage）{
setItem（“firstname”、“myfirstname”）；
setItem（“lastname”、“mylastname”）；
setItem（“lastname”、“state”）；
警报（“数据已保存在本地。”）；
}否则{
警报（“您的浏览器不支持本地存储。”）；
}
}
函数readLocal（）{
if（window.localStorage）{
var val=localStorage.getItem（“firstname”）；
var val=localStorage.getItem（“lastname”）；
var val=localStorage.getItem（“状态”）；
$（“#message”）.empty（）.append（getVal（））；
}否则{
警报（“您的浏览器不支持本地存储。”）；
}
}
您正在将所有内容存储到一个名为
val
的变量中，并且没有列出名为
getVal（）的方法。

var val=localStorage.getItem（“firstname”）//我改为$（“#message”）.empty（）.append（val（））；但这不起作用，既然按钮没有调用它，您是否调用了正确的函数？我改成了…我不想用警报。我正在尝试将append添加到work。val（）不起作用，因为它不是一个方法！学习使用调试器！F12

var val = localStorage.getItem("firstname");  //<-- val
var val = localStorage.getItem("lastname");   //<-- val
var val = localStorage.getItem("state");      //<-- val
$("#message").empty().append(getVal());       //<-- What is getVal()