facebook - 即使在重新加载页面期间，如何使 DOM 元素始终可见？

Question

如果用户在我的网站上，我想在底部持久化一些固定的 div 而无需重新加载它们。就像 Facebook 聊天一样，用户可以遍布整个网站，但聊天总是可见的？

这个问题是因为我已经创建了与 NodeJS 的聊天，并且当刷新页面时连接被破坏并再次创建，所以我想让这个连接即使在重新加载页面期间也能持久。

我知道发出每个请求 Ajax 调用的可能解决方案，但是......这是不可用的......

Answer 1

你可以试试localstorage。数据将在重新加载时保留。

将其与json.stringify和json.parse一起使用以使其工作。

不幸的是，一些仍在使用的旧浏览器不喜欢这样。我认为所有新的浏览器版本都可以使用本地存储。如果您不关心旧浏览器，那也没关系。

有localstorage shims，但这取决于您愿意为您的项目投入多少工作。

如果您愿意，也可以使用 localstorage 来存储 html。我更喜欢自己使用 json 值更新 dom 元素。

访问浏览器版本的市场份额，您会看到相当多的旧版本已不再使用。尽管与任何技术使用统计数据一样，您应该对它们持保留态度。

编辑哎呀！你说固定的 div 没有重新加载它们。如果他们是聊天，我认为这是不可能的。除非我不明白这个问题。如果可以，请发布一些代码。