选项卡回退历史刷新回到上次点击的选项卡

之前写电商网页的时候,很多个页面的需求是有多个选项卡,点击不同选项卡进行切换,点击当前选项卡的某个链接跳转之后,按回退历史键,如果不进行任何处理,页面会默认回到第一个选项卡,这样客户体验感,之后找到了解决方法,分享出来希望对大家有帮助:

在页面tab切换的时候的,通过history.replaceState将当前的页面状态保持-将修改页面的URL的,但是不会重新加载页面;当页面返回重新显示的时候,判断是否有特定值。

代码如下:

 




    
    History replace
    
    
    


Tab1
Tab2
TAB2 Content

 

 

 

 

你可能感兴趣的:(选项卡回退历史刷新回到上次点击的选项卡)