我的页面有几个部分,其中一些可以在某些 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/