javascript - 页面刷新后,左侧菜单栏如何才能高亮当前页面的菜单呢

问题描述

问 题

左侧有菜单栏,点击任意一个菜单后,整个页面刷新,跳转到相应内容,在新页面如何才能让该菜单是选中状态呢?
(左侧菜单栏动态生成的)

如下图,我是从其他页面跳转到该页面,如何才能使这个菜单是处于选中状态呢(给相应菜单添加css)

使用java开发,左侧菜单动态生成(每个登录用户菜单不一样),并且可以通过后台添加删除,将其单独弄成一个jsp引入,不想在页面自己写死,有什么好的办法吗?
我现在能想到的是,在用户点击菜单跳转时,先将该菜单的id(id唯一)通过js添加到url后面,在拦截器里面将id存少session,在页面再取出,不过感觉这样有点麻烦,我想问下大家,你们有什么比较好的办法吗?

解决方案

可以在url中加一个tab的属性，属性值随菜单的序号改变，刷新的时候菜单都取一下url中tab的序号就可以了

这篇关于javascript - 页面刷新后,左侧菜单栏如何才能高亮当前页面的菜单呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！