あちあち情報局

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

ユーザ用ツール

サイト用ツール


サイドバー

メニュー

現在リニューアル中

タグ一覧

programs: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>

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

programs/js_void0.txt · 最終更新: 2018/03/30 22:26 by 管理者