Question

我尝试在用户点击时使用JavaScript返回链接的href属性。我希望链接链接的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

如果你在链接中放入一个href，它只会链接到它，将href属性更改为data-link，然后获取该属性，js应该可以工作。

JavaScript得到href onclick

2 个答案: