时间戳

首页 > 解决方案 > 本地存储在重新加载时不返回文本

javascript - 本地存储在重新加载时不返回文本

问题描述

这是我第一次在 html 页面中使用 localstorage，其中有一个可以插入文本的输入元素。当我重新加载页面时，我希望将文本留在那里，但事实并非如此。

//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"/>

标签： javascripthtml

解决方案

更改已正确设置在 上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"/>

推荐阅读