Javascript 如何将textarea中的文本保存到localstorage

我需要使用localStorage将文本保存在textarea中

以下是HTML代码：

.textarea{
背景：无；
颜色：青柠；
字体大小：1.25rem；
边界：0px；
宽度：100%；
高度：100vh；
显示：内联块；
大纲：无；
调整大小：无；
文本对齐：居中；
}

删除此文件并开始键入

我假设，您只需要手动修改

document.cookie

：

document.cookie=“mytext=stuff”
//这将向页面cookie添加“mytext”键并分配“stuff”
document.cookie=“mytext=newstuff”
//这将修改您的密钥，cookies的工作原理与关联数组类似
document.cookies=“mytext=；最大年龄=0”
//这将通过将cookie的最大年龄设置为0来删除cookie，因此cookie现在被视为已过期

堆栈溢出在此主题上有一个很好的线程：

为了从

中获取文本，您可能需要使用

my\u html\u元素.value

，其中

my\u html\u元素

是html节点

此外，以下语法也可能有用：

let variable=“some text”；
`字符串${variable}`//stringsome文本

听起来本地存储对于您的用例来说是一个更好的选择

也就是说，您可以通过以下方式获得textarea值：

document.getElementById("notes").value

let value = localStorage.getItem('textareaValue');
document.getElementById("notes").value = value;

之后，正如您在中所看到的，您可以使用

function createCookie(name, value, days) {
    var expires;
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    else {
        expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
}

总之，您可以使用以下内容创建cookie：

let value = document.getElementById("notes").value;
createCookie('textareaValue', value, 0);

更新 由于您已将问题更新为仅使用localStorage，因此可以使用：

let value = document.getElementById("notes").value;
localStorage.setItem("textareaValue", value);

您可以通过以下方式检索和显示值：

document.getElementById("notes").value

let value = localStorage.getItem('textareaValue');
document.getElementById("notes").value = value;

---

假设您在html中使用Javascript，那么在堆栈溢出中已经有一些可用的内容：

---

为什么是cookie而不是本地存储？这个问题似乎不需要使用cookies。本地存储是指文件吗？不，我的意思是| | | | |好的，你能告诉我它是什么样子吗？这回答了你的问题吗？谢谢，但我打算用locaStorage@LegitCoder考虑一下改变你的答案：“你是说“问题”吗？保罗？”Samathingamajig，哦，是的。对不起，现在是凌晨2点在我的位置。等等，@PaulLynn你知道如何在本地保存它吗？我改变了我的问题。我想使用本地存储now@LegitCoder有道理，请检查答案的更新部分是否适用于您好的，我如何在同一文本区域中显示本地存储？@LegitCoder我刚刚添加了这个选项好的，非常感谢！编辑：真的很抱歉，但是你能添加一个代码片段让我看一个例子吗？