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.external.AddFavoriteを使用します ...

[JavaScript] 数値をカンマ区切り文字列にする

数値をカンマ区切り文字列にするサンプルです。 数値をカンマ区切り文字列にするサンプル集 例1)1234567をカンマ区切 ...

[JavaScript] 枠線を設定する

JavaScriptで枠線を設定するサンプルです。 サンプルソース 例)ボタンを押すごとにid="target"要素の枠 ...

[JavaScript] 右クリックメニューを実装する

独自の右クリックメニューを実装するサンプルです。 サンプルソース 例)独自の右クリックメニューサンプル [crayon- ...

[JavaScript] テキストボックスを読み取り専用にする

テキストボックスを読み取り専用にするには、readOnlyプロパティを設定します。 サンプル 例)ボタンを押すたびにテキ ...

スポンサーリンク