javascript - 保留页面状态

标签 javascript

我的页面有几个部分,其中一些可以在某些 js 事件中更改,例如 slider 、分页、过滤器。 我需要存储这些数据,以便当用户使用浏览器历史记录(后退和前进按钮)来回导航时,状态会被保留。 换句话说,用户看到的页面应该与他们点击离开时的状态相同。

由于有几个部分由 js 事件驱动,我不想使用 html5 历史记录功能,因为 url 会变得太乱,并且在与他人共享页面时不会添加任何有效信息。

所以简单来说,我想在不更改 url 的情况下恢复或保持页面状态。 有明确的实现方法吗?

谢谢。

最佳答案

您可以使用 localStorage存储您下次可以阅读的属性。

写:

localStorage['key'] = 'value';

阅读:

var val = localStorage['key'];

使用默认值读取(例如第一次连接):

var val = localStorage['key'] || 'default value';

关于javascript - 保留页面状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12180823/

相关文章:

javascript - 如何在单击时切换按钮内的两个文本

javascript - 使用 JQuery 从 HTML5 slider 中检索值

javascript - switchMap 不会取消之前的 http 请求

javascript - React 组件中的 this

javascript - HTML5 和 Javascript 字符保存

javascript - 命名函数(而不是匿名)和创建对它的引用有什么区别?

javascript - 如何将另一个函数的值存储到 var

javascript - React Router V4 嵌套路由器在页面重新加载时不起作用

javascript - 如何使用 JavaScript 将新元素添加到引用另一个元素的多个位置的 JSON 对象?

javascript - 使用 react 路由器将对象传递到 react 组件