页面刷新Tab切换问题

如下图:在页面中有这样一个Tab切换,当页面刷新的时候回切换回默认的Tab1,有没有什么办法可以让浏览器记住当前操作的页面,刷新也是在当前操作的这个Tab而不是回到第一个Tab1
图片描述

阅读 12.8k
6 个回答
  1. 多加个参数,如果用户点击了第三个tab3,触发事件后端返回这个参数辨识当前用户已经点击过这个tab3,刷新后还是在这个tab3,而不是回到tab1,需要存储当前用户是否点击过的标识,否则就是每个用户进来都是tab3;

1、需要兼容ie9-的,使用cookie设置变量 刷新的时候获取这个变量 通过js更改当前tab
2、ie9+的,使用localstorage存储变量 原理同上

使用锚标记来记住当前操作到那个tab了
如#tab1 表示当前操作时在tab1 然后再页面刷新是获取这个参数当存在时就通过这个值来聚焦到那个tab页

两个方案

  1. localstorage

  2. hash

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题