我有一个文本字段：<input id='textfield'>
并在<head> 中有一个脚本，用于从文本字段中获取文本function save(){
var text_to_save=document.getElementById('textfield').value;
}
我想保存它 (var text_to_save)，以便用户在重新加载（或重新打开）页面时会看到相同的文本。
谢谢！
【问题讨论】：
标签： javascript html string save
您可以为此使用本地存储：
function save(){
var text_to_save=document.getElementById('textfield').value;
localStorage.setItem("text", text_to_save); // save the item
}
现在，当您重新加载页面时，您可以检索保存的数据并将其显示如下：
function retrieve(){
var text=localStorage.getItem("text"); // retrieve
document.getElementById('textDiv').innerHTML = text; // display
}
正如你所说的，一个“变体”。
【讨论】：
function save() 保存项目。首先，我们声明一个变量，该变量使用 localstorage 存储文本字段的值。现在，如果您想检索存储的数据，您首先使用另一个变量首先使用.getItem() 获取存储的数据并存储它。然后使用.innerHTML 显示文本。我发现使用 jQuery 比使用纯 javascript 更容易。希望对您有所帮助。
你可以尝试使用cookies
例子
将值保存到 cookie：
document.cookie ='text_to_save='+text_to_save+';';
读取之前保存的值：
var saved_text = document.cookie;
document.getElementById('textfield').value=saved_text;
在此处了解有关 Cookie 的更多信息 http://www.w3schools.com/js/js_cookies.asp
【讨论】：
你可以这样做：
function getCookieByName( name )
{
var cookies = document.cookie,
cookie = cookies.match( '/' + name + '=(.+);/' ),
match = cookie[0];
return match;
}
var textToSave = document.getElementById('textfield').value;
document.cookie = 'mySavedText=' + textToSave;
mySavedText 是 cookie 名称，因此您可以运行该函数：
getCookieByName( 'mySavedText' );
它应该返回你想要保存的文本。
有关 Javascript 中 cookie 处理的更多信息，请查看MDN article on it
【讨论】：