网站导航遇到问题，如何当前页面高亮

Question

因为导航部分为页面公共区域，所以当我跳转页面怎样实现导航的高亮呢？目前用的是jade模板，当然思路是最主要的，希望有人帮下忙。

Answer 1

有个思路，可以在公共页面写一段JS检测代码，意思是，查询当前网页url与导航上的url相同的标签，然后将这个导航标签设置为高亮

Answer 2

如果是鼠标点击后的高亮或者移入的高亮用css hover focus active 实现

如果是根据不同页面对应导航栏目高亮   通过js获取到当前网页url，然后根据最后一个斜杠后面的字符串 例如：about 或者 product来判断出要高亮的栏目，通过js设置css即可。

Answer 3

是点击导航时跳转页面实现导航的高亮吧，这样可以直接写个点击事件，点击导航的某个链接，对应的导航就高亮显示。

Answer 4

在线等啊 -----------------