Question

Html代码index.html这是我的html代码，我只是把按钮和文本输入。我想在页面上获取文本输入值，即使我们刷新它（意味着旧的vaue仍然在页面上）

<div id="result">div</div> 
<input type="text" id="tt" />
<button id="btn" onClick="calls()">submit</button>

这是脚本代码，我将此代码用于本地存储，但在页面刷新后它不起作用。

function calls()
{
if(typeof(Storage)!=="undefined")
  {


  localStorage.lastname=document.getElementById("tt").value; ;
  document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support web     storage...";

  }}

Answer 1

是的，在本地加载文件意味着它没有原点。由于localStorage使用同源策略来确定对存储数据的访问，因此未定义当您将其与本地文件一起使用时会发生什么，并且可能不会持久存在。

您需要在Web服务器上托管您的文件才能拥有正确的来源;您可以在本地运行Apache或任何其他服务器，并通过localhost访问它。

取自：localStorage doesn't retrieve values after page refresh

Answer 2

如果您使用jquery，那么您可以像这样轻松访问本地存储

localStorage["check"] = 1;

刷新页面后，您将获得相同的值

alert(localStorage["check"]);

Answer 3

如果你已经在使用jQuery，我很想建议使用cahartl的jquery cookie插件 - 我们一直在用于小型教育活动的工作中，例如学生需要在页面之间切换。效果很好。

GitHub link

如何在jquery中刷新页面后获取文本输入的旧值？

3 个答案: