Javascript jQuery localStorage（如果存在）保存它

我试图理解localStorage方法。 我有以下代码：

player = $('#player').val();
team   = $('input[name="team"]:checked').val();

然后，我尝试存储它并显示它，即使页面刷新

var a = localStorage.setItem('managername', player);
var b = localStorage.setItem('managerteam', team);

$('#tournament').append(a b);

---

setItem

不返回该值。保存值后，需要使用

getItem

检索这些值。还请注意，您需要在

append

中连接

a

和

b

（或单独附加）

---

HTML5为您提供了两种类型的存储选项

本地存储—存储没有过期日期的数据，除非您明确清除它

会话存储-存储一个会话的数据（数据丢失 当选项卡关闭时）

因此，如果要在页面刷新之间保留数据，请使用本地存储。如果你的浏览器支持这样的功能，你需要检查一下

if(window.localStorage){
  // now we have local storage support
  var storage =  window.localStorage;
  storage.setItem("lastname", "Smith");
}

同样，当您不想检索时，请执行相同的检查

if(window.localStorage){
  // now we have local storage support
  var storage =  window.localStorage;
  var name = storage.getItem("lastname");
  console.log(name);
}

如果不想从本地存储中删除项目，请使用removeItem（'urIdentifier）

您甚至可以使用点（.）表示法代替setItem（）和getItem（）

如果您需要更多详细信息，请查看

编辑：

$('.urAddBtn').on('click',function(){
    var player = $('#player').val(),
        team   = $('input[name="team"]:checked').val();
    if(window.localStorage){
      /* now we have local storage support in the browser
         get the local storage instance */
      var storage =  window.localStorage; 
      // save items to storage
      storage.setItem('managername', player);
      storage.setItem('managerteam', team);
    }
});

---

当您单击“删除”图标时，其他位置会出现一些问题

$('.removeBtn').on('click',function(){
    if(window.localStorage){
      /* now we have local storage support in the browser
         get the local storage instance */
      var storage =  window.localStorage; 
      // remove items from local storage
      storage.removeItem('managername');
      storage.removeItem('managerteam');
    }
});

---

问题是什么？我对此投了更高的票，但我真的不知道它是否回答了OP想要回答的任何问题。@Marc我也是，但是考虑到她的代码中的逻辑，这似乎是她试图实现的最有可能的事情。所以我有两个变量，我写的：player和team-我想将项目放入DOM并保存它：你必须先保存它们。我已经更新了我的答案，让你更清楚一点。是的，这正是我所做的，我只是问，即使页面刷新，我如何保存它？我觉得你只是从其他网站复制这些解释，不明白我需要什么。我的主要问题是如何在网页上保存localstorage，如果我附加它，我希望即使网页刷新，它也能保留在网页上，请。。它应该比你的代码简单，事实上，在你的描述中没有问题。我只是从这个标题中推断出来：）正如我已经解释过的，本地存储将在页面刷新之间持久化。因此，您可以让脚本在page1中运行并添加一些时间，page2脚本可以检索这些项目，甚至page1脚本可以在重新加载后访问这些保存的项目。唯一担心的是所有这些页面都应该来自同一主机等等，我不明白？我的帖子里没有问题是什么意思？我问了它3次，怎么能附加它，这样即使它刷新了，它也能保存在页面上？请：（再看一遍；）它不在主要描述中，可能在评论中提到。顺便问一下，你得到你的答案了吗？我相信如果我说：“然后我试着存储它并显示它”-显示它的意思是“附加它”，无论如何。。我仍然卡住了，需要一个答案，你能帮我吗？你知道我需要什么吗？还是我应该再解释一遍？

$('.urAddBtn').on('click',function(){
    var player = $('#player').val(),
        team   = $('input[name="team"]:checked').val();
    if(window.localStorage){
      /* now we have local storage support in the browser
         get the local storage instance */
      var storage =  window.localStorage; 
      // save items to storage
      storage.setItem('managername', player);
      storage.setItem('managerteam', team);
    }
});

$('.removeBtn').on('click',function(){
    if(window.localStorage){
      /* now we have local storage support in the browser
         get the local storage instance */
      var storage =  window.localStorage; 
      // remove items from local storage
      storage.removeItem('managername');
      storage.removeItem('managerteam');
    }
});