programs:js_void0

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- programs:js_void0 [2018/03/30 07:27] – 作成管理者
+++ programs:js_void0 [2018/03/30 22:26] (現在) – 管理者
@@ 行 1: / 行 1: @@
+====== 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>