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] 子要素の件数を取得する(.childElementCount)

子要素の件数を取得するには、.childElementCountを使用します。 サンプルソース 例)リストの数を取得する ...

[JavaScript] フォーム内で自動フォーカス移動を行う

テキストボックスに最大文字数の入力がされたら、自動で次のフォーム部品へ移動するサンプルです。 自動フォーカス移動 例)最 ...

[JavaScript] 正規表現パターンサンプル集

正規表現パターンのサンプルをまとめてみました。 ぜひご利用ください。 正規表現サンプル 【正規表現パターン】 パターン意 ...

[JavaScript] URLのパス名を取得する(location.pathname)

URLのパス名を取得するには、location.pathnameを使用します。 サンプルソース 例)現在のページのURL ...

[JavaScript] コンソールで処理時間を計測する(console.time、console.timeEnd)

コンソールで処理時間を計測するには、console.time~console.timeEndを使用します。 サンプルソー ...

スポンサーリンク