一つのテキストリンクに二つのURLを指定するHTMLコードタグ

HTMLコードタグでonclickを指定すれば一つのURLに二つのリンク先を指定できる

通常WEBサイトを運営しているとこういった要望は殆ど無いと思いますが、質問があったため考えてみたいと思います。

「以下のような一つのリンクタグにおいて、クリック後のページ遷移は一ページだが、ワンクリックで二つのリンクを同時に開く事はできますか？」

<a href="[URL]">[テキスト]</a>

どういった用途で活用するかは別として、ワンクリックで2ページを同時に開きたいというのが今回の内容です。

解決方法としては、以下の様にリンクタグに「onclick=”window.open”」のイベント処理を追加してあげれば質問内容の様にワンクリックで二つのリンクを同時に開く事ができました。

<a href="[URL1]" onclick="window.open('[URL2]');">[テキスト]</a>

クリック後の動作としては、クリック後新しいタブに移動して[URL2]を開いて、元のページは[URL1]へ遷移する動作となります。

使用する機会は殆ど無いと思いますが、もしワンクリックで二つのリンクを同時に開きたいという方は参考にしてください。