javascript - 页面刷新Tab切换问题
迷茫
迷茫 2017-04-11 12:09:51
[JavaScript讨论组]

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

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(6)
大家讲道理

你的地址可以使这样的

http://yourhost.com?tab=4

天蓬老师

同上 ,使用 localstorage

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

PHP中文网

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

阿神

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

黄舟

两个方案

  1. localstorage

  2. hash

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号