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/en-US/docs/Web/Guide/API/DOM/Storage#localStorage

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

1 个答案: