Question

我使用javascript获取一些html输入值，我在表中插入，但是当我刷新时那些变为null，如何在刷新后保持这些值可见。我知道我应该设置并获取我的饼干，但我不知道如何。这是我的javascript代码：

function myFunction(tableID) {
  var x = document.getElementById("name").value;
  var ad = document.getElementById("address").value;
  var nu = document.getElementById("tel").value;
  var pr = document.getElementById("product").value;
  var s = document.getElementById("size").value;
  var d = document.getElementById("date").value;
  var st = document.getElementById("statu").value;
  var table = document.getElementById(tableID);
  var rowCount = table.rows.length;
  var row = table.insertRow(rowCount);

  var cell1 = row.insertCell(0);
  cell1.innerHTML = x;

  var cell2 = row.insertCell(1);
  cell2.innerHTML = ad;

  var cell3 = row.insertCell(2);
  cell3.innerHTML = nu;

  var cell4 = row.insertCell(3);
  cell4.innerHTML = pr;

  var cell5 = row.insertCell(4);
  cell5.innerHTML = s;

  var cell6 = row.insertCell(5);
  cell6.innerHTML = d;

  var cell7 = row.insertCell(6);
  cell7.innerHTML = st;
}

任何帮助？

谢谢

Answer 1

这样做的一种方法是将它们粘贴在sessionStorage中（可以通过页面刷新访问）。

存储它们：

sessionStorage.setItem('foo', 'bar');

得到他们：

sessionStorage.getItem('foo');

加载页面后，您可以从sessionStorage中获取它们以重新填充元素。

Answer 2

您可以使用localStorage

// before you leave your page , save all your variables here

window.onunload = function(){

  // save them one by one in to localStorage
  localStorage.setItem("x", x)
  ...
}

首先从localStorage输入页面加载：

// before all your code work.
window.onload = function (){

  // set value back one by one 
  document.getElementById("name").value = localStorage.getItem("x");
  ...
}

保持刷新后通过id获取的javascript变量值

2 个答案: