目次

aタグでページリロードせずjavascriptを実行する方法

下記のようにaタグにhrefを空にしてonclickでjavascriptを実行しようとするとページリロード発生しページ中間にスクロールしてるなら最上部に移動します。(※hrefを書かなければリロードしなくなりますが、下線が無くなりマウスアイコンも指型に変わりません)

<a href="" onclick="javascript関数();">テキスト</a>

【デモ:表示されたダイアログを閉じるとページ再読み込みします】

PR

再読み込みが発生しない状態

ページ再読み込みしないようにするには、下記のようにjavascript:void(0)return false;を書き加えます。

<a href="javascript:void(0)" onclick="javascript関数();return false;">テキスト</a>

【デモ:ページ再読み込みしません】

古いブラウザを無視するならreturn false;は無くてもOK

<a href="javascript:void(0)" onclick="javascript関数();">テキスト</a>

【デモ:古いブラウザは再読み込みします(新しいブラウザは問題無し)】