js_void0
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
|
js_void0 [2018/05/14 21:23] 管理者 作成 |
js_void0 [2018/05/14 21:25] (現在) 管理者 |
||
|---|---|---|---|
| ライン 1: | ライン 1: | ||
| + | {{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 管理者
