扫码关注官方订阅号
如下图:在页面中有这样一个Tab切换,当页面刷新的时候回切换回默认的Tab1,有没有什么办法可以让浏览器记住当前操作的页面,刷新也是在当前操作的这个Tab而不是回到第一个Tab1
业精于勤,荒于嬉;行成于思,毁于随。
你的地址可以使这样的
http://yourhost.com?tab=4
同上 ,使用 localstorage
多加个参数,如果用户点击了第三个tab3,触发事件后端返回这个参数辨识当前用户已经点击过这个tab3,刷新后还是在这个tab3,而不是回到tab1,需要存储当前用户是否点击过的标识,否则就是每个用户进来都是tab3;
1、需要兼容ie9-的,使用cookie设置变量 刷新的时候获取这个变量 通过js更改当前tab2、ie9+的,使用localstorage存储变量 原理同上
使用锚标记来记住当前操作到那个tab了如#tab1 表示当前操作时在tab1 然后再页面刷新是获取这个参数当存在时就通过这个值来聚焦到那个tab页
两个方案
localstorage
hash
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你的地址可以使这样的
http://yourhost.com?tab=4
同上 ,使用 localstorage
多加个参数,如果用户点击了第三个tab3,触发事件后端返回这个参数辨识当前用户已经点击过这个tab3,刷新后还是在这个tab3,而不是回到tab1,需要存储当前用户是否点击过的标识,否则就是每个用户进来都是tab3;
1、需要兼容ie9-的,使用cookie设置变量 刷新的时候获取这个变量 通过js更改当前tab
2、ie9+的,使用localstorage存储变量 原理同上
使用锚标记来记住当前操作到那个tab了
如#tab1 表示当前操作时在tab1 然后再页面刷新是获取这个参数当存在时就通过这个值来聚焦到那个tab页
两个方案
localstorage
hash