TakayukiKoyama Geek Blog

Create, Entertain, Experience

aタグのページ内リンクでURLに # をつけない方法

目的

 aタグのページ内リンクをhrefに付けたときに、URLの後ろに # が付くのが嫌だったのでどうにかしたかった。

調べてみた

 javascriptでaタグにonclickつけるときにreturn falseもつける : 森のコーディング

 上記の記事によると、以下のような記述をすることで、hrefが無視されると記載されていた。

<a href="#" onclick="alert('出た!');return false;">いでよ!</a>

 ページ内リンクの移動もキャンセルされると困ると思いながら、alertメソッドは不要だったので以下のように書いてみた。

<a href="#" onclick="return false;">移動。#はいらない</a>

 期待通り動いた。知らなかった📝