当我使用jquery或javascript重新加载页面时,如何在文本区域中保存文本

时间:2016-12-29 14:37:13

标签: javascript jquery html cookies

我对代码有些新意,我正在http://codepen.io/创建日历。我有一个textarea,我可以记下这个月的事件。单击按钮时,我将textarea保存为变量。但我想保存textarea数据,所以当我重新加载页面时,textarea中的数据被保存。我遇到过一些使用cookie来存储数据的人,但在使用cookie时我迷失了方向。反正有没有保存这些数据?到目前为止,我的代码看起来像这样:

<div class="dropdownevent" id="myDropdown">
<p><textarea id="myTextArea" rows="6"></textarea></p><button   
class="buttonsave btn btn-default" id="save">Save Events</button>
</div><!--End dropdownevent-->

$("#save").click(function() {
var saveText = $("textarea#myTextArea").val();

document.getElementById("myTextArea").innerHTML = saveText;

/*alert(saveText);*/
});

如果有可能,我想只使用jquery和javascript。我想在重新加载时从我的textarea保存数据,但不知道如何做到这一点。

1 个答案:

答案 0 :(得分:1)

一种方法是使用localStorage。

您可以像对象一样使用它:

localStorage.value=yourValue;

您将节省浏览器存储空间的价值。

然后,您可以在页面加载时使用它,并获取存储在其中的值。

// Store
localStorage.lastname = "Smith";
// Retrieve
document.getElementById("result").innerHTML = localStorage.lastname;

您可以阅读有关localStorage HERE

的更多信息