コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

[JavaScript] JavaScriptのみ実行して遷移は行わないリンクを作成する

投稿日:2016年10月3日 更新日:

JavaScriptのみ実行するリンクにするは、hrefに"javascript:~"と記述します。

サンプルソース

例)リンクをクリックするとアラートを表示する

実行サンプル

alert(JavaScript)のみ表示して遷移は行わないリンクです

解説

  • aタグのhrefプロパティは必須なので、省略はできません。
    (hrefを記述しないとリンクとして表示されません。)
  • aタグのhrefにブランクを設定(href="")すると、リロードしてしまいますのでNGです。
  • aタグにhrefとonclickを併記すると、onclick実行後にhrefで指定した先に遷移するので、表題の動きとしてはNGです。
  • 上記サンプルのようにhrefにjavascript呼出しを書くと、画面遷移せずjavascriptのみ実行できます。
  • 上の例の13行目を以下のように書いてもOKです。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 三角関数を使用する

JavaScriptで三角関数を使用するサンプルです。 サンプル 例)30度のサイン(正弦)を求める [crayon-5 ...

[JavaScript] 値の変更イベントを取得する(onChange)

値の変更イベントを取得するには、onchangeイベントハンドラを使用します。 サンプルソース 例)値が変わるとアラート ...

[JavaScript] オンラインかどうかチェックする

JavaScriptでオンラインかどうかチェックするには、navigator.onLineを使用します。 サンプル 例) ...

[JavaScript] 文字列を指定した桁数でゼロ埋めする

文字列を指定した桁数でゼロ埋めするサンプルです。 サンプル 例)文字列が10桁になるようにゼロ埋め処理を行う [cray ...

[JavaScript] スタイルをCSS表記で設定する(style.cssText)

CSS表記のままJavaScriptでスタイルを指定したい場合は、style.cssTextを使用します。 サンプルソー ...

スポンサーリンク