あちあち情報局

趣味や日曜プログラムなどを書いています

ユーザ用ツール

サイト用ツール


js_void0

ここは旧トップページ日曜プログラミング

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>

ここは旧トップページ日曜プログラミング

js_void0.txt · 最終更新: 2018/05/14 21:25 by 管理者

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki