内容へ移動
あちあち情報局
趣味や日曜プログラムなどを書いています
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
現在位置:
トップページ
»
aタグでページリロードせずjavascriptを実行する方法
js_void0
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
{{tag>プログラミング関連 Javascript}} [[start]]>[[programming_start]] ====== aタグでページリロードせずjavascriptを実行する方法 ====== ---- 下記のようにaタグにhrefを空にしてonclickでjavascriptを実行しようとするとページリロード発生しページ中間にスクロールしてるなら最上部に移動します。(※hrefを書かなければリロードしなくなりますが、下線が無くなりマウスアイコンも指型に変わりません) <code> <a href="" onclick="javascript関数();">テキスト</a> </code> <HTML> <script><!-- function js_sample1(){ alert("閉じてください"); } // --> </script> <p><a href="" onclick="js_sample1();">【デモ:表示されたダイアログを閉じるとページ再読み込みします】</a><br /></p> </HTML> ===== PR ===== <html> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- respon_0 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9251612436023685" data-ad-slot="1409739163" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </html> ===== 再読み込みが発生しない状態 ===== ページ再読み込みしないようにするには、下記のように''javascript:void(0)''と''return false;''を書き加えます。 <code> <a href="javascript:void(0)" onclick="javascript関数();return false;">テキスト</a> </code> <HTML> <p><a href="javascript:void(0)" onclick="js_sample1();return false;">【デモ:ページ再読み込みしません】</a></p> </HTML> 古いブラウザを無視するなら''return false;''は無くてもOK <code> <a href="javascript:void(0)" onclick="javascript関数();">テキスト</a> </code> <HTML> <p><a href="javascript:void(0)" onclick="js_sample1();">【デモ:古いブラウザは再読み込みします(新しいブラウザは問題無し)】</a></p> </HTML> ---- [[start]]>[[programming_start]]
js_void0.txt
· 最終更新: 2018/05/14 21:25 by
管理者
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ