刷新后保留对网页的更改

Keep the changes of a web page after refresh

本文关键字:网页 保留 刷新      更新时间:2023-09-26

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

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

由于我不确定您到底想要坚持什么,我将提供一些通用信息。

在DiveIntoHtml5的存储中阅读一些不错的内容。

我建议现在看看sessionStoragelocalStorage,虽然它们通常被视为HTML5,但浏览器的支持要大得多。

您可以在CanIUse 上看到keyValueStorage的支持

您可以按如下方式存储密钥/值对:

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

然后,您可以按如下方式检索值:

localStorage.getItem("key");

删除:

localStorage.removeItem("key");

sessionStorage的工作原理与上述相同,但仅在浏览器打开时才会持久存在。它会在浏览器的"会话"中持续存在。但是,localStorage将一直存在,直到通过代码或清除浏览器将其删除。

保存状态有两种方法。

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

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

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

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

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