保存 html 文件的当前状态？
Posted
技术标签:
【中文标题】保存 html 文件的当前状态？【英文标题】：Saving the html file's current state? 【发布时间】：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 站点是不明智的，因为必须在代码中公开凭据。 【参考方案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文件存储吗？以上是关于保存 html 文件的当前状态？的主要内容，如果未能解决你的问题，请参考以下文章