Question

我有一个文本字段：
<input id='textfield'>
并在<head>中添加一个脚本，以便从文本字段中获取文本

function save(){ var text_to_save=document.getElementById('textfield').value; }

我想保存它（var text_to_save），以便用户在重新加载（或重新打开）页面时会看到相同的文本。
谢谢！

Answer 1

您可以使用本地存储：

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
}

正如你所说的那样，变种＆＃39;

Answer 2

您可以尝试使用Cookie

示例

为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

Answer 3

你可以这样做：

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

HTML - 使用javascript从文本字段保存数据

3 个答案: