javascript - hrefからjavascriptを呼び出す方法は?

Question

hrefからjavascriptを呼び出す方法は?

お気に入り：

<a href="<script type='text/javascript'>script code</script>/">Call JavaScript</a>

Answer 1

<a href="javascript:call_func();">...</a>

ブラウザが別のページに移動しないように、関数は false を返す必要があります。

ただし、jQueryを使用することをお勧めします（with $(...).click(function () {}))）

Answer 2

リンクをクリックしたときに JavaScript コードを呼び出す適切な方法は、onclickハンドラーを追加することです。

<a href="#" onclick="myFunction()">LinkText</a>

さらに「より適切な」方法は、それをhtmlからまとめて取得し、domがロードされたときに別のjavascriptでハンドラーを追加することです。

Answer 3

私はインライン JavaScript を完全に避けます。コメントで述べたように、おそらくこれにも使用<input type="button" />します。そうは言っても…

<a href="http://stackoverflow.com/questions/16337937/how-to-call-javascript-from-a-href" id="mylink">Link.</a>

---

var clickHandler = function() {
     alert('Stuff happens now.');   
}


if (document.addEventListener) {
    document.getElementById('mylink').addEventListener('click', clickHandler, false);
} else {
    document.getElementById('mylink').attachEvent('click', clickHandler);
}

---

http://jsfiddle.net/pDp4T/1/

Answer 4

JQuery を使用するとよいでしょう。

<a href="#" id="youLink">Call JavaScript </a>



$("#yourLink").click(function(e){
//do what ever you want...
});

Answer 5

JavaScript コードは通常onclick、リンクのイベントから呼び出されます。たとえば、代わりに次のようにすることができます。

HTML ドキュメントの head セクション内

<script type='text/javascript'>
function myFunction(){
//...script code
}
</script>

HTML ドキュメントの本文内

<a href="#" id="mylink" onclick="myFunction(); return false">Call JavaScript </a>

または、リンクの ID、HTML DOM、または JQuery などのフレームワークを使用して、関数をリンクに添付することもできます。

例えば：

HTML ドキュメントの head セクション内

<script type='text/javascript'>
document.getElementById("mylink").onclick = function myFunction(){ ...script code};
</script>

HTML ドキュメントの本文内

<a href="#" id="mylink">Call JavaScript </a>

Answer 6

関数のみを処理し、href 自体を処理したくない場合は、関数の最後に return false ステートメントを追加します。

 <a href="#" onclick="javascript: function() {... ; return false} return false">click</>

Answer 7

別の方法は次のとおりです。

<a href="javascript:void(0);" onclick="alert('testing')">

Answer 8

Edit 関数名の編集をクリックすると、editが呼び出されるため、Edit とのリンクが作成されます。