web导航栏点击跳转后的样式

搭建web网页的导航栏时，需要有点击某导航页面跳转后，被点击的<a>标签样式添加或改变（bootstrap只能实现页面不刷新的点击效果），网上查阅了很多，终于解决了问题，豁然开朗的同时也小总结一下：

ps：以下为摘录百度知道，并非本人原创，而我用的便是其中第二种方法。

方法有很多，大体可分为三种：

一、在服务器端判断当前页面隶属于哪一个分类，然后对其进行高亮化，这个高亮化的方法也有很多，相信不是你要的，不一一讲解；

二、每一个页面这个导航条都在各自的页面内，那么独立对其分配class或者行内样式也是完全可以的。

三、通过JavaScript，在导航条元素加载完成之后，就对URL进行判断分析，或者是分析其它由服务器放置在页面内的隐藏标志位，然后对其高亮化。

以上三种中，第二种是最常见的，因为大多数站的每个导航分类下，页面的结构都不同了，使用独立的导航条也不会有什么影响。

第一种缺点是需要服务器对本页面的分类进行判断分析，会消耗一定的CPU资源

第二种的缺点是每一个分类页中都要有自己独立的导航条，会占用磁盘空间（这个有点太叫真了）

第三种的缺点是，用户在打开网页之后，在浏览器缓冲阶段，会看不到高亮，等页面加载完或导航条加载一段时间之后，才会变成高亮，有一个时间延迟。

转载于:https://www.cnblogs.com/lpynb/p/5125237.html