html - 带有 html 页面的 Web 存储

Question

我创建了多个 html 页面，我需要像在 HTML5 中一样使用会话存储（Web 存储）来存储这些页面。我不是很清楚它是什么以及如何实现它。请帮忙

Answer 1

使用Web Storage，您可以在浏览器中保存数据。如文档中所述，有几个可用的存储位置可以通过 javascript 界面访问。

您选择的接口（sessionStorage、localStorage）取决于数据的生命周期。例如，您是否需要数据仅在会话打开（用户已登录）时可用？或者您是否也想保存数据以供以后访问？

需要记住的重要一点是旧版浏览器不支持此功能，因此尤其是旧版 IE 浏览器将无法保存数据。

这是使用 localStorage 的示例（根据您在下面的评论，这应该适合您）：

//save data
localStorage.setItem("indexName","Hello World");

//retrieve data
var value=localStorage.getItem("indexName");

您可以在文档的 beforeunload 事件中使用它来在页面关闭之前保存数据。