保存 html 文件的当前状态？答案

【问题标题】：Saving the html file's current state?保存 html 文件的当前状态？
【发布时间】：2018-08-17 13:48:46
【问题描述】：

所以我现在正在用 JS 和 HTML 运行一些测试，我正在做的一件事是每次按下按钮时用 JS 将文本附加到页面。重新加载页面后如何保持 html 不变？有没有办法保存它的当前状态，所以添加的文本不会消失？很抱歉，如果以前回答过这个问题，我找不到任何答案，也不知道是否可能。提前致谢！

<!DOCTYPE HTML> <HTML> 
<HEADER> 
<link rel="stylesheet" type="text/css" href="indexcss.css">

    <center> 
    <b> 
<TITLE> </TITLE> 
 <div id='parentID'> 

 </div>
<script> 
prompt("prompting");

var button = document.createElement("button");
button.innerHTML = "Do Something"; 
// 2. Append somewhere
var body = document.getElementsByTagName("body")[0];
body.appendChild(button);

// 3. Add event handler
button.addEventListener ("click", function() {
    var div = document.getElementById('parentID'); 
        div.innerHTML += 'Extra stuff';
});
</script>
    <h1>

    </h1>
    </b> 
    </center> 

    </HEADER> 
<BODY> 




</BODY>

【问题讨论】：

正确的方法是使用服务器上的代码来记住状态。但如果只有客户端解决方案，您就有 cookie 或本地存储。
请正确修复您的 HTML 代码。
@epascarello 我假设你的意思是服务器，我目前正在处理 FTP 文件存储。我网站的文件存储在那里。如果您可以举个例子或参考我可以学习如何记住页面状态的地方，是否有可能。非常感谢！
不，您需要某种服务器端语言来编写文件。 AKA PHP、Node、Java 等。弄清楚如何使用 JavaScript 推送到 FTP 站点是不明智的，因为必须在代码中公开凭据。

标签： javascript html button save

【解决方案1】：

使用本地存储

set()
document.body.innerHTML += Math.random()
save()

function save() {
  localStorage.setItem("html", document.body.innerHTML)
}

function set() {
  let content = localStorage.getItem("html")
  if(content) {
    document.body.innerHTML = content
  }
}

<body>
  hi
</body>

【讨论】：

localstorage是指网站的FTP文件存储吗？