Javascript HTML5 localStorage.setItem值已设置但未获取值

jQuery：

---

当我重新加载页面时，它并没有在单击函数外获得pet_名称的值。它具有内部报警点击功能。如何解决此错误？为什么它没有价值？请帮帮我。现在我很无助。对不起，我的英语很差。

也许试试这个

根据您的示例：

$(document).ready(function () {
    alert(localStorage.getItem(pet_name));
    $("#lost_step1").click(function(){
        alert($("#pet_name").val());
        localStorage.setItem(pet_name, $("#pet_name").val());
        alert(localStorage.getItem(pet_name));
    }
}

$（文档）.ready（函数（）{
var pet_name=“pet_name”；
警报（'init-->'+localStorage.getItem（pet_name））；
$（“#丢失_步骤1”）。单击（函数（）{
var pet_name_val=$（“#pet_name”）.val（）；
警报（'保存之前-->'+宠物名称\u val）；
setItem（pet_name，pet_name\u val）；
警报（'after save-->'+localStorage.getItem（pet_name））；
});
});


点击我！

宠物名在哪里定义/初始化？如果该值来自

id

为

pet_name

的元素，则需要存储该值，以便访问该值。在函数中单击“否”，则该值不是。您将

#pet_name

作为获取值的元素，但随后您将

pet_name

作为标准JavaScript变量编写，该变量未在任何地方声明。下面是代码行localStorage.setItem（pet_name，$（“#pet_name”）.val（）

var pet_name=xyz…

如果希望将值存储在名称“pet_name”下，则需要编写：

localStorage.setItem（“pet_name”，$（“#pet_name”）.val（），存储项名称在引号中。如果没有引号，
pet_name
是对不存在的变量的引用。
$(document).ready(function() {
  var pet_name = "pet_name";

  alert('init --> ' + localStorage.getItem(pet_name));

  $("#lost_step1").click(function() {
    var pet_name_val = $("#pet_name").val();
    alert('before save-->' + pet_name_val);
    localStorage.setItem(pet_name, pet_name_val);
    alert('after save-->' + localStorage.getItem(pet_name));
  });
});





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input value="test_pet_name" id="pet_name" />
<br>
<button id="lost_step1">CLICK ME!</button>