如何将文本区域中的文本保存到本地存储

Question

我需要使用 localStorage 将文本保存在文本区域中。

这是 HTML 代码：

.textarea {
  background: none;
  color: lime;
  font-size: 1.25rem;
  border: 0px;
  width: 100%;
  height: 100vh;
  display: inline-block;
  outline: none;
  resize: none;
  text-align: center;
}

<textarea class="textarea" id="notes" value="Type something!">
Delete this and start typing!</textarea>

如何在本地保存文本？搜索没有把我带到任何地方。

Answer 1

听起来 localStorage 是您用例的更好选择。

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

document.getElementById("notes").value

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

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);

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

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

Answer 2

我假设，您只想手动修改document.cookie：

document.cookie = "mytext=stuff"
// this will add "mytext" key to page cookies and assign "stuff"

document.cookie = "mytext=newstuff"
// this will modify your key, cookies works just like associative array

document.cookies = "mytext=;max-age=0"
// this will delete your cookie by setting its max age to 0, so cookie is being considered expired now

Stack Overflow 有一个关于这个主题的好帖子：How to get and set cookies in JavaScript。

为了从<textarea> 中获取文本，您可能需要使用my_html_element.value，其中my_html_element 是HTML 节点。

以下语法也可能有用：

let variable = "some text";
`string${variable}` // stringsome text

Answer 3

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

See here