Question

基本上，我有一个网页，使用下面的JavaScript代码每5秒自动重新加载一次

setTimeout(function(){
   window.location.reload(1);
}, 5000);

这很好用，我的页面正在重新加载。但是，我的页面还包含一个表单条目，允许您键入注释。就像这样......

<input class="form-control" type="text" name="title">

很简单。但是，我想要做的是在页面自动重新加载时让该表单保留其内容。我希望能够在评论框中输入内容，当页面重新加载时，我刚刚输入的内容仍保留在评论框中。

有没有办法实现这个目标？

Answer 1

您可以将内容保存在Cookie中，只要您需要此内容，就可以从Cookie中获取此内容。

找到下面的代码

function setCookie(){
var cookieString = "data";
document.cookie = cookieString;
}

function getCookie(){
alert(document.cookie);
}

Answer 2

您可以在onkeyup上注册input之类的活动，并在该事件中将内容存储在localStorage中。页面加载时，请检查localStorage是否有数据。

text.onkeyup = function(event) {
    localStorage.setItem("title", text.value);
}

function init() {
    if (localStorage.title)
        text.value = localStorage.title;
}

当身体加载

时调用此函数

<body onload="init()">
...

您可以详细了解localStorage here。

使用JavaScript

2 个答案: