如何在刷新頁面後保持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表格不變

回答

相關問題