JavaScriptと<a>タグで
2008/04/16 | JavaScript/Ajax
<a>タグを設定して、当該リンクのクリック時にJavaScriptで各種の処理をしたい場合の記述方法のメモ。
例えば以下のように書くことがある。
<a href="javascript:(JavaScriptの関数);">リンク</a>
<a href="#" onClick="(JavaScriptの関数)">リンク</a>
いずれの場合も期待通りに動いてくれれば問題ないけど、期待した動作+余計な動作(2つ目の記述をした場合にページの一番上に移動してしまう)があった場合などは以下のような記述をしてみるといい。
<a href="javascript:void((JavaScriptの関数));">リンク</a>
<a href="javascript:void(0);" onClick="(JavaScriptの関数)">リンク</a>
void(0)
何もしない、ということらしい。「希望通りに動けばいい」というセンスだから詳しく調べはしないけれど・・・便利だね。