JavaScript get 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

`falseを返すために、この

<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が動作するはずです。