程序标识当前页面

Question

像sf顶部这几个标签，点进一个之后当前的背景高亮，是如何实现的？

我想当点击的时候，用jquery cookie记住当前点击的，然后附加样式，但是jquery cookie的行为和我预想中的完全不一样，保存的cookie值很诡异。

Answer 1

前端方法，可以使用js判断当前页面的url特征，进而设置元素的css属性。
后端方法，可以直接在页面生成的时候输出js，将某个元素的css属性改变。

极端方法，载入每一个页面不同的单独的css文件。

Answer 2

js 模式例如

$('#menu').find('a').each(function(){
  if (this.href == document.location.href || document.location.href.search(this.href) >= 0) {
    $(this).addClass('active'); // this.className = 'active';
  }
});

后端的话 例如rails中

<% current = { action_name => 'active' } %>
<%= link_to xxx, xxx, :class => current['home']  %>
<%= link_to yyy, yyy, :class => current['index']  %>