タグのhref属性でリダイレクトを起こさない

2019-07-30

htmlのaタグでhrefに絶対/相対URLを指定することでリンクに飛ばすことができる。

<a href="https://www.ted027.com">クリック</a>

新しいウィンドウで開くにはtarget="_blank"を指定する。

<a href="https://www.ted027.com" target="_blank">クリック</a>

または、以下のようにonClickを使っても新しいウィンドウで開くことができる。

<a href="" onclick="window.open('https://www.ted027.com')">クリック</a>

ただし、これだと元の画面がリダイレクトしてしまう。これを防ぐには、hrefにjavascript:void(0)を指定する。

<a href="javascript:void(0)" onclick="window.open('https://www.ted027.com')">クリック</a>

void式が必ずundefinedを返すことと、hrefにundefinedが指定されると画面遷移が起きないことから、この書き方が一般的らしい。0に特に意味は無い。