搭建web网页的导航栏时,需要有点击某导航页面跳转后,被点击的<a>标签样式添加或改变(bootstrap只能实现页面不刷新的点击效果),网上查阅了很多,终于解决了问题,豁然开朗的同时也小总结一下:
ps:以下为摘录百度知道,并非本人原创,而我用的便是其中第二种方法。
方法有很多,大体可分为三种:
一、在服务器端判断当前页面隶属于哪一个分类,然后对其进行高亮化,这个高亮化的方法也有很多,相信不是你要的,不一一讲解;
二、每一个页面这个导航条都在各自的页面内,那么独立对其分配class或者行内样式也是完全可以的。
三、通过JavaScript,在导航条元素加载完成之后,就对URL进行判断分析,或者是分析其它由服务器放置在页面内的隐藏标志位,然后对其高亮化。
以上三种中,第二种是最常见的,因为大多数站的每个导航分类下,页面的结构都不同了,使用独立的导航条也不会有什么影响。
第一种缺点是需要服务器对本页面的分类进行判断分析,会消耗一定的CPU资源
第二种的缺点是每一个分类页中都要有自己独立的导航条,会占用磁盘空间(这个有点太叫真了)
第三种的缺点是,用户在打开网页之后,在浏览器缓冲阶段,会看不到高亮,等页面加载完或导航条加载一段时间之后,才会变成高亮,有一个时间延迟。