Question

像那种导航按钮的，点击就会跳转到另外一个页面，他是怎么保持这个被点击的按钮是高亮的？

像那种导航按钮的，点击就会跳转到另外一个页面，他是怎么保持这个被点击的按钮是高亮的？
一般是用什么方法？

Answer 1

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

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

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

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

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

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

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

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

追问

我现在是想做一个cms模板，不涉及后端，而且我是想用同一个导航条。
如果用js缓存怎么样？就是点击之后把点击的记录在缓存中，跳转后再读，然后高亮！

追答

可行，但会有无法解决的BUG

比如你的网页不可能在浏览器里只开一个页面吧，有跨分类的时候，这个办法就行不通了，这样的话，用户上次点的是二分类，可是一分类一刷新，导航条会在二分类，用户会很困惑，体验很不好。

追问

我看我还是在页面里面放个隐藏的标志位好了！
还有个问题，像爱奇艺，影片筛选的条件，他也是页面跳转的，但是他能够记住其其他的条件。
他是什么方法搞得？

追答

这个方法很多，网页里如果加入了JS，JS能够实现的判断是大量的，而且现在除了老掉牙的IE8和以前的IE系列浏览器，都支持HTML5了，HTML5中支持在客户端存放较大的永久数据。

这样一来，能够在客户端实现的功能就会极多，比如给一个用户保存一个“浏览过”的列表，然后通过JS进行筛选，这个不难。