javascript检测<a> click</a>上的window.location.hash

Question

<script>
if(window.location.hash){
    var x = location.hash;
        if(x == '#abc'){alert(x);}
}
</script>

<a href="#abc">Clikc me</a>

我需要在用户点击<a>时检测到哈希是否正确，会做什么......

当我点击<a href="#abc">Clikc me</a>时，它无效。

只有当我在url bar上输入testing.php＃abc

时它才有效

Answer 1

首先，您应该将您的javascript与onclick事件绑定，该事件将在按下任何锚标记时执行。 这样，当用户点击任何事件时，它将执行javascript代码。

var Anchors = document.getElementsByTagName("a");

for (var i = 0; i < Anchors.length ; i++) {
        Anchors[i].addEventListener("click", 
        function (event) {
            event.preventDefault();


            if(this.href == '#abc'){alert(this.href);}

        }, 
        false);
}