javascript - JavaScript 获取 href onclick

Question

href当用户单击它时，我正在尝试使用 JavaScript 返回链接的属性。我希望链接链接到的 URL 显示在警报中，而不是加载页面。

到目前为止，我有以下代码：

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

使用以下标记：

<a href="http://www.example.com/" id="link" onclick="return doalert()">Link</a>

由于某种原因，不会显示任何警报，而是加载页面。有人知道为什么吗？

在这种情况下，使用 jQuery 不是一个选项。

Answer 1

似乎是您的代码的顺序，试试这个

<script>
    function doalert(obj) {
        alert(obj.getAttribute("href"));
        return false;
    }
</script>
<a href="http://www.example.com/" id="link" onclick="doalert(this); return false;">Link</a>

http://jsfiddle.net/YZ8yV/

http://jsfiddle.net/YZ8yV/2/

Answer 2

if you put an href in the link, it will just link to it, change the href attribute to data-link and then get that attribute and the js should work.