锚标记href与所设置的不同

Question

我有一个锚标签，看起来像这样：

<a href="/folder/folderid">name</a>

在点击此锚标记后，我正在执行此操作

    handleAnchorClick: function(e) {
        console.log("target:",e.target);
        console.log("href:",e.target.href);
        event.preventDefault();

        // navigate to this folder using my app router
        backbonerouter.navigate(e.target.href,{trigger:true}); //does not work as the value is wrong
        // tries to navigate to this: mydomain.com/mydomain.com/folder/folderid
    }

控制台日志语句给了我这个：

target: <a href="/folder/folderid">name</a>
href: "https://mydomain.com/folder/folderid"  //instead of just /folder/folderid

到底发生了什么，如何使用路由器导航到该文件夹​​ID。

Answer 1

与element.href ，href属性始终返回包含主机名等的绝对URL。

如果只需要属性值而不是绝对URL，则可以执行

e.target.getAttribute('href');

或与jQuery

$(e.target).attr('href');

并非在jQuery prop（）中会返回属性，即绝对URL

$(e.target).prop('href');

小提琴