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

我有一个文本字段：

并在

中使用脚本，从文本字段中获取文本

函数保存（）{
var text_to_save=document.getElementById（'textfield'）。值；
}

我想保存它（

var text_to_save

），以便用户在重新加载（或重新打开）页面时看到相同的文本。

---

谢谢

您可以尝试使用cookies

范例

将值保存到cookie：

document.cookie ='text_to_save='+text_to_save+';';

读取以前保存的值：

var saved_text = document.cookie;
document.getElementById('textfield').value=saved_text;

了解更多关于饼干的信息

---

您可以为此使用本地存储：

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 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处理的更多信息，请查看

谢谢！但是有没有不使用cookies的变体呢？你有本地存储，但只有在HTML5中才有，只有在HTML5中才有。有可能得到更多关于这个的解释吗？当然。

函数save（）

保存项目。首先，我们声明一个变量，该变量使用localstorage存储文本字段的值。现在，如果要检索存储的数据，请首先使用另一个变量，首先使用

.getItem（）

获取存储的数据并存储它。然后使用

.innerHTML

显示文本。我发现使用jQuery比使用纯javascript容易得多。希望能有帮助。