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] ステータスバーにメッセージを表示する(window.status、window.defaultStatus)

ステータスバーにメッセージを表示するには、 window.status、window.defaultStatus を使用 ...

[JavaScript] cookieに値をセットする

cookieに値をセットするサンプルです。 サンプルソース 例)cookieに値をセットする [crayon-5dce9 ...

[JavaScript] Base64形式の画像データをimgタグに表示する

Base64形式の画像データをimgタグに表示するサンプルです。 サンプルソース 例)Base64文字列をimgタグにセ ...

[JavaScript] コンソールに出力した回数をカウントする(console.count)

コンソールに文字列とともに出力した回数を出力するには、console.countを使用します。 サンプルソース 例)co ...

[JavaScript] サイト内にある画像の数を取得する(document.images.length)

サイト内にある画像の数を取得するには、document.images.lengthを使用します。 サンプルソース 例)サ ...

スポンサーリンク