在浏览器中更新页面后，动态插入的页面内容将消失

After updating a page in the browser dynamically inserted page content disappears

本文关键字：消失 插入 浏览器 更新 动态      更新时间：2023-09-26

>我用 JQM 开发了一个 HTML5 Web 应用程序，我想实现的是，在具有动态添加页面内容的页面（上一页上有一个按钮，在单击它并且此脚本生成内容后执行 JS 函数）刷新后，该内容不会消失而是保留。

如果无法做到这一点，我应该将脚本绑定到哪个事件，该脚本将再次生成内容并将其放入此页面？

当页面刷新时，此时任何客户端上下文都将消失。 将页面本身和其中的所有 JavaScript 视为一个应用程序本身。 刷新页面等同于关闭并重新打开应用程序。

鉴于此，在该页面中创建的任何上下文或状态都需要在下次加载页面时可用，将需要保留在某个地方。 有很多地方可以做到这一点。 例如：

  • 服务器端代码
  • 饼干
  • 本地存储

鉴于您主要谈论的是HTML5和JavaScript的开发，在这种情况下，本地存储可能是最好的选择。 这里有一个方便的指南可以帮助您入门，尽管快速Google搜索"HTML5本地存储"可以揭示更多内容。 基本上你需要做的是：

  • 定义一些表示您希望在页面加载之间保存的状态的数据
  • 每当状态发生变化时，将该数据写入本地存储
  • 每当页面加载时从本地存储中读取该数据（因为您专门要求一个事件，因此文档的"ready"事件可能是您想要的，就像大多数其他jQuery代码一样）并从该数据恢复页面的状态
相关文章：