JavaScript中的Href属性仅显示哈希

Question

When I print out an object of the HTML a tag: I see

href: "http://www.example.com/page.html#abc.1.2"
hash: "#abc.1.2"

When I do

$(document.body).on('click',"a",function(event){ 
    console.log( $(this).attr("href") );
});

I only get "#abc.1.2" , which is the value of the hash, not the whole URL. Why is that, and how can I get the whole URL?

Answer 1

Because you are getting the value of the attribute and not the property.

Use .prop instead of .attr .

Answer 2

Not sure what you're doing but this returns the HREF along with the host name and protocol

<a href="#abc.1.2">Link</a>

$(document).on('click',"a",function(event){ 
    console.log( this.href );
    return false;
});

Answer 3

You don't need to wrap this with jQuery to return a common property. Use instead this.href .

$(document).on('click',"a",function(e){ 
    e.preventDefault();
    console.log(this.href)
});