html - 单击按钮将输入数据保存到 localStorage

Question

我正在尝试构建我的第一个 Web 应用程序。在我的应用程序中，我需要一个设置面板，但我不知道该怎么做。我一直在网上搜索并遇到了一个 HTML5 localStorage，我相信这可能是做这些事情的最佳方式。但问题是我不知道如何使用它。

<input type='text' name="server" id="saveServer"/>  

当用户单击按钮时，如何将输入数据保存到 localStorage？是这样的吗？

<input type='text' name="server" id="saveServer"/>  

<button onclick="save_data()" type="button">Save/button>

    <script>
            function saveData(){
        localStorage.saveServer
        }
        </script>

Answer 1

localStorage object 有一个 setItem 方法，用于存储一个项目。它需要 2 个参数:

1. 可以用来引用该项目的键

2. 一个值

   var input = document.getElementById("saveServer");
   localStorage.setItem("server", input.val());
   

上面的代码首先获取对input元素的引用，然后在本地存储中存储一个项目(“服务器”)，其中包含该input的值> 元素。

您可以通过调用 getItem 来检索该值:

var storedValue = localStorage.getItem("server");