：使用JavaScript的活动链接

Question

好吧，这是我的困境。 我有一个header.php文件，其中包含我使用的标头信息（导航和徽标），以便可以在每个页面中都包含该文件，以方便编辑。 我遇到的问题是，我显然不能使用：active来着色或更改链接文本，以便用户知道其位于哪个页面。

如何以自己的方式实现自己想要的目标，或者长期坚持下去。 有没有可以做到这一点的JavaScript。

了解我是HTML和CSS的新手，并且正在寻找简单的方法来更改页眉和页脚，而不必单独编辑每个页面。

马科斯

Answer 1

我不知道您的html看起来如何，但是例如，如果您包含jQuery，并且您在链接中使用绝对补丁，则可以使用以下方式：

$('a[href="'+document.location.origin+document.location.pathname+'"]').css('color', '#f00');

或者，如果您没有jQuery且具有绝对链接，则可以使用如下所示的内容：

var a = document.getElementsByTagName('a');
for (i in a) { 
 if (a[i].href == document.location.origin+document.location.pathname){
    // red color 
    a[i].style.color = '#900'
 }
}

Answer 2

在CSS下方添加代码。 然后将类应用于您的<a>标记。

1。

/*choose current(active) a tag which has class named niceClass*/
.niceClass a.current {color:red;}

2。

<a href="http://www.example.com"  class="niceClass"> Link Title </a>
<a href="http://www.example.com2" class="niceClass"> Link Title2 </a>
...