【问题标题】:How to permanently change the DOM on an HTML file如何永久更改 HTML 文件上的 DOM
【发布时间】:2025-12-03 18:20:04
【问题描述】:

我正在使用 HTML、JavaScript 和 CSS 制作 Windows 8 应用商店应用程序。该应用程序允许其用户制作列表,并管理这些列表中的项目。我已经设法编辑列表并做我想做的一切,但问题是,一旦你关闭应用程序,一切都会重置,因为我对 DOM 所做的任何更改(例如我添加或删除的元素)都没有保存,我丢失了我制作的所有清单及其项目。是否可以以编辑实际 HTML 文件的方式编辑 DOM,以便再次打开应用程序后我所做的一切仍然存在?如果没有,一旦应用程序关闭,有哪些替代方法可以保存用户数据?
谢谢,
丹尼尔

【问题讨论】:

  • 您是否查看过本地存储? diveintohtml5.info/storage.html
  • 我会注意到您应该将 DOM 视为一个“视图”(在 MVC 上下文中)。您的脚本应该对后备存储(您的 MVC '模型')进行值得持久的更改,然后对其进行序列化。您会发现这样您的程序将更易于维护。

标签: javascript html dom windows-8


【解决方案1】:

这可能会迟到,但希望这会有所帮助。

您可以使用 HTML 本地存储。使用本地存储,Web 应用程序可以在用户浏览器中本地存储数据。

在 HTML5 之前,应用程序数据必须存储在 cookie 中,包含在每个服务器请求中。本地存储更安全,可以在本地存储大量数据,不影响网站性能。

与 cookie 不同,存储限制要大得多(至少 5MB),并且信息永远不会传输到服务器。

本地存储是按源(按域和协议)的。来自一个来源的所有页面都可以存储和访问相同的数据。

您可以通过以下方式存储数据

localStorage.setItem("Name", "Daniel Bezden");

然后你可以通过

访问它们

localStorage.getItem("Name");

祝你好运!

【讨论】: