我如何保存更改在线html

Question

我在下面的代码中要做的是用文本输入中的信息更改Div1标记中的文本。我想要完成的事情是，当我重新加载/退出页面或立即更改时，文本被保存。这可能吗?

提前感谢。

<div id="Div1">
    <p>Hi</p>
</div>
<input type="text" id='Input'/>
<input type="button" value="submit" onclick="GetInput();" />

<script type="text/javascript">
    function GetInput () {
        var Input = document.getElementById("Input").value; 
        document.getElementById('Div1').innerHTML= (Input);
    }
</script>

Answer 1

Javascript是一种客户端语言。这意味着页面元素(统称为DOM)只有在从web服务器加载页面并在浏览器中呈现之后才会被更改。Javascript可以改变这些，但是不能保存任何数据。

为了保存数据(持久化)，您将需要某种类型的数据存储。这通常通过在服务器上运行数据库来完成。您需要自己动手，或者可能需要租用一些存储空间。

Answer 2

试试这个，它可能会对你有所帮助。

保存值:

localStorage.setItem("name", $('#Input').val());

得到的值:

localStorage.getItem("name");