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] 通信プロトコル(http/https等)を判定する

使われている通信プロトコルを判定するサンプルです。 サンプルソース 例)使われている通信プロトコルを判定する [cray ...

[JavaScript] 要素をHTML形式でコンソールに出力する(console.dirxml)

要素をHTML形式でコンソールに出力したい場合は、console.dirxmlを使用します。 サンプルソース 例)要素( ...

[JavaScript] ボタンクリックイベントを強制的に起こす

ボタンクリックイベントをJavaScriptから強制的に発生させるには、 ボタンオブジェクトのclick()を呼び出しま ...

[JavaScript] 4~12,1~3 ⇔ 1~12 を相互に変換するサンプル

4~12,1~3 ⇔ 1~12 を相互に変換するサンプルです。 サンプルソース 例)4~12,1~3 ⇒ 1~12に変換 ...

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

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

スポンサーリンク