Question

这是我第一次在html页面中使用localstorage，该页面具有一个可以在其中插入text的输入元素。当我重新加载页面时，我将文本保留在此处，但是没有。

//function to store name on localstorage
function storeName(){
  var name = document.getElementById("name");
  localStorage.setItem("user" , name.value);
  name.value= localStorage.getItem("user");
}

<input type="text" onchange="storeName()" id="name" placeholder="Enter name"/>

Answer 1

在localStorage上正确设置了更改。重新加载时，由于尚未加载该值，因此看不到文本。

在页面加载时加载localStorage值。

function storeName(){
  var name = document.getElementById("name");
  localStorage.setItem("user" , name.value);
}

document.getElementById("name").value= localStorage.getItem("user");

<input type="text" onchange="storeName()" id="name" placeholder="Enter name"/>

localstorage在重新加载时不返回文本

1 个答案: