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

Question

我使用JQM开发HTML5 webapp，我想要实现的是在页面上添加了动态添加的页面内容（在上一页上有一个按钮，它在点击后执行JS函数和这个脚本生成内容）刷新此内容不会消失但保持不变。

如果这不可能，我应该将哪个事件绑定到将再次生成内容的脚本并将其放入此页面？如果这个问题重复，请转帖给我。我多次尝试这样做但仍然没有成功。任何建议都将受到高度赞赏！

Answer 1

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

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

• 服务器端代码
• 缓存
• 本地存储

鉴于您的开发主要是讨论HTML5和JavaScript，本地存储可能是您在此方案中最好的选择。有a handy guide here可以帮助您入门，但谷歌快速搜索“HTML5本地存储”显示了更多。基本上你需要做的是：

• 定义一些数据，表示您希望在页面加载之间保存的状态
• 在状态发生变化时将该数据写入本地存储
• 在页面加载时从本地存储中读取数据（因为您特意要求事件，文档的“就绪”事件可能就像您在大多数其他jQuery代码一样），并从中恢复页面的状态那个数据