Javascript 如何在刷新页面后保持html表不变

我创建了一个网页，其中包含两个文本框，用于获取用户输入，以及一个按钮，用于将这些值作为新行添加到html表中。我使用了javascript来实现这个功能。这是我的密码：

Javascript代码

function addData(tableID)
{   
            var t = document.getElementById("timeslot").value;
            var m = document.getElementById("mon").value;

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createTextNode(t);
            element1.type = "label";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            var element2 = document.createTextNode(m);
            element2.type = "label";
            cell2.appendChild(element2);
}

    <input type='button' name='Add' value='Add' style='width:130px;padding:10px;' onclick="addData('timetable')">

HTML代码

function addData(tableID)
{   
            var t = document.getElementById("timeslot").value;
            var m = document.getElementById("mon").value;

            var table = document.getElementById(tableID);

            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);

            var cell1 = row.insertCell(0);
            var element1 = document.createTextNode(t);
            element1.type = "label";
            cell1.appendChild(element1);

            var cell2 = row.insertCell(1);
            var element2 = document.createTextNode(m);
            element2.type = "label";
            cell2.appendChild(element2);
}

    <input type='button' name='Add' value='Add' style='width:130px;padding:10px;' onclick="addData('timetable')">

这段代码运行正常。

---

但是，当我刷新页面时，新添加的行正在消失，在插入新行之前，我的页面将保持原样。如何避免这种情况，并在不更改新添加的字段的情况下保留表格？

每次重新加载页面时都以静态或动态方式添加表格

您是否使用任何类型的服务器端代码？JavaScript不会改变原始HTML，因此如果页面刷新，您将丢失通过JavaScript所做的所有更改。要在没有服务器端代码的情况下“保存”这些更改，您需要使用Cookie或本地存储，这仍然是暂时的。非常感谢…我将使用Cookie来运行它…有没有办法使用jquery来做到这一点？为什么要刷新页面？谢谢…但我无法获得它。您可以在存储页面的位置plzz exlain吗，在你的机器里？在服务器中？好的，您可以编辑html以添加单元格，避免动态生成，或者您希望在body标记中添加onload=“addData（'tablename'）；”。