javascript - 刷新后保留网页的更改

Question

我最近开发了一个脚本来突出显示网页中的文本，document.execCommand()但是如果我刷新我的网页，这些更改就会消失。

如何为每个用户保留更改？

Answer 1

由于我不确定您真正想要坚持什么，因此我将提供一些通用信息。

DiveIntoHtml5关于存储的一些好读物。

sessionStorage我建议要么或现在看看，localStorage而这些通常被认为是HTML5浏览器支持更大。

你可以keyValueStorage在CanIUse看到支持

您可以按如下方式存储键/值对：

localStorage.setItem("key", "value");

然后，您可以按如下方式检索该值：

localStorage.getItem("key");

消除：

localStorage.removeItem("key");

sessionStorage工作方式与上面相同，但只会在浏览器打开时持续存在。它持续存在于浏览器的“会话”中。但是localStorage将一直存在，直到它被代码或清除浏览器删除。

Answer 2

有两种保存状态的方法。

一种是编写客户端代码，将信息传回服务器进行存储。

另一种是将所谓的cookie保存在客户端计算机上。通常，JavaScript 不允许在客户端计算机上读取或写入文件（一项重要的安全功能），但它可以生成数据字符串，Web 浏览器可以将这些数据字符串存储在通常称为 cookie jar 的特殊文件中。cookie jar 是一个配置文件，该文件提供有关如何设置浏览器的信息。

请记住，任何 cookie 都不能大于 4KB。

Answer 3

Microsoft 有一个很好的关于Web 应用程序状态管理的指南。看看它，你会看到所有对你有疑问的选项。然后选择最合适的。一旦你知道你想要什么，你就可以搜索堆栈溢出来找到你的问题的具体实现。肯定已经有答案了。

编辑：表 5.5：“Web 应用程序的状态管理机制”是您想要查看的概述。