锚点URL访问时的高亮锚点ID

Hightlight Anchor ID when visited by an Anchor URL

本文关键字：ID 高亮 URL 访问 锚点      更新时间：2023-09-26

编辑：

有人在CSS中提到这是可能的，所以我查了一下，这正是我需要的！

CSS

您需要使用：target伪类：

:target {
   background-color: #ffa;
}

JS Fiddle演示。

感谢David Thomas来源

也感谢MILIND您的代码也是我所需要的

我已经想了一段时间了。

当有人通过这样的URL访问我的页面时：

http://jsfiddle.net/maNR5/show/#second

我希望id为second的header元素用背景色突出显示。

<div>
    <h1><a id="first">How can I...</a></h1>    
    <h1><a id="second">...make this...</a></h1>
    <h1><a id="turd">Highlighted when....</a></h1>    
    <h1><a id="furd">Visited by an...</a></h1> 
    <h1><a id="earth">Anchor URL</a></h1>

</div>

这在javascript中可能吗？谢谢你的提示。

尝试使用：

var hash = window.location.hash;
$('#'+hash).parent().css('background-color','red');

试试这个：

 var id=window.location.href.substring(window.location.href.lastIndexOf('/') + 1);
 $(id).css('background-color','red');

试试这个。当你点击任何链接时，它的颜色都会改变。表示已访问。

$("h1").each(function(a,b){
    $(this).find('a').click(function(){
        console.log(this);
        $(this).css('color','#333399');
    });
});
相关文章：