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

-1

我创建了一个包含两个文本框以获取用户输入的网页，以及一个将这些值作为新行添加到html表格的按钮。我用javascript来做这个功能。这里是我的代码：如何在刷新页面后保持html表格不变

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); 
}

HTML代码

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

此代码正常运行。但是，当我刷新页面时，新插入的行正在消失，并且我的页面变得像原来的那样。我如何避免这种情况并保留我的表格而不更改新添加的字段？

来源

2012-12-24 Dini88

您是否使用任何种类的服务器端代码？ –

不，我不使用任何.. – Dini88

JavaScript不会更改原始HTML，因此如果页面刷新，您将失去通过JavaScript所做的所有更改。要在没有服务器端代码的情况下“保存”这些更改，您需要使用Cookie或本地存储，而且这仍然是暂时的。 –

每次页面重新加载时，都会静态或动态地添加它。

来源

2012-12-24 13:53:21 HMarioD

谢谢你..但是我无法得到它。你可以pl ex ex ??？ – Dini88

你在哪里存储你的页面，在你的机器上？在服务器？ – HMarioD

在我的机器... – Dini88

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

回答

相关问题