あちあち情報局

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

ユーザ用ツール

サイト用ツール


サイドバー

メニュー

現在リニューアル中

タグ一覧

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 管理者