如何保存在线HTML中的更改

时间:2014-08-21 13:15:58

标签: javascript html savechanges

我在下面的代码中尝试做的是使用文本输入中的信息更改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>

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

试试这个,它可能有所帮助。

保存价值:

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

获取价值:

localStorage.getItem("name");