如何在文件中将JavaScript生成的内容另存为HTML？

Question

我有一张有1行11列的表。 现在，我生成了以下JavaScript代码，以使用Button添加新行。 问题是，当我刷新页面时，使用此javascript添加的新行会丢失。 我希望将它们永久保存在HTML文件中。 如何才能做到这一点？

<script>
function AddNewRow()
{
    var table = document.getElementById("table1");
    var row = table.insertRow(1);

    var cell0 = row.insertCell(0);
    var cell1 = row.insertCell(1);
    var cell2 = row.insertCell(2);
    var cell3 = row.insertCell(3);
    var cell4 = row.insertCell(4);
    var cell5 = row.insertCell(5);
    var cell6 = row.insertCell(6);
    var cell7 = row.insertCell(7);
    var cell8 = row.insertCell(8);
    var cell9 = row.insertCell(9);
    var cell10 = row.insertCell(10);
</script>   

Answer 1

HTML文件保留在客户端无法访问的服务器上，但是对于浏览器来说，完全有可能以HTML格式或以更注重存储的格式（如XML / JSON）保存添加的信息。 然后，每次页面启动时，都需要将其重新加载到Javascript中并重新添加到页面中。

在Mozilla上阅读localStorage文档-他们可以为您提供存储/加载的一般思路。 希望使用innerHTML可读/可写属性，对如何实现此目标有所了解。

https://developer.mozilla.org/zh-CN/docs/Web/Guide/API/DOM/Storage#localStorage