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

自古美人都是妖i 提交于 2020-01-31 02:30:35
搭建web网页的导航栏时,需要有点击某导航页面跳转后,被点击的<a>标签样式添加或改变(bootstrap只能实现页面不刷新的点击效果),网上查阅了很多,终于解决了问题,豁然开朗的同时也小总结一下:

ps:以下为摘录百度知道,并非本人原创,而我用的便是其中第二种方法。方法有很多,大体可分为三种:一、在服务器端判断当前页面隶属于哪一个分类,然后对其进行高亮化,这个高亮化的方法也有很多,相信不是你要的,不一一讲解;二、每一个页面这个导航条都在各自的页面内,那么独立对其分配class或者行内样式也是完全可以的。三、通过JavaScript,在导航条元素加载完成之后,就对URL进行判断分析,或者是分析其它由服务器放置在页面内的隐藏标志位,然后对其高亮化。以上三种中,第二种是最常见的,因为大多数站的每个导航分类下,页面的结构都不同了,使用独立的导航条也不会有什么影响。第一种缺点是需要服务器对本页面的分类进行判断分析,会消耗一定的CPU资源第二种的缺点是每一个分类页中都要有自己独立的导航条,会占用磁盘空间(这个有点太叫真了)第三种的缺点是,用户在打开网页之后,在浏览器缓冲阶段,会看不到高亮,等页面加载完或导航条加载一段时间之后,才会变成高亮,有一个时间延迟。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!