javascript - :Active links using javascript

Question

好的，这是我的困境。我有一个 header.php 文件，其中包含我使用的 header 信息(导航和 Logo )，以便我可以将该文件包含在我需要的每个页面中，并使编辑更容易。我遇到的问题是我显然不能使用 :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'
 }
}