2013-07-23 61 views
11

我想在用戶點擊鏈接時使用JavaScript返回鏈接的href屬性。我希望鏈接鏈接的URL顯示在警報中,而不是加載頁面。JavaScript獲取href onclick

我有下面的代碼至今:

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

用下面的標記:

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

出於某種原因,是不斷顯示任何警報,並在頁面加載來代替。有誰知道這是爲什麼?

在這種情況下使用jQuery不是一種選擇。

回答

23

好像是你的代碼的順序,試試這個

<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/

+0

+1'返回false;''在onclick' – ferdynator

+0

它看起來一樣的代碼有問題對我 –

+0

@akhil它是,但與腳本標記,突出顯示沒有js代碼錯誤 –

0

如果你在鏈接中放置了一個href,它只會鏈接到它,將href屬性更改爲數據鏈接,然後獲取該屬性,並且js應該可以工作。