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

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

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

■質問内容

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

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

■解決方法

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

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

  1. リンククリック
  2. 新しいタブへ移動(target=_blankと同じ動作)して[URL2]へ遷移
  3. 元のページは[URL2]へ遷移

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

シェアする

  • このエントリーをはてなブックマークに追加

フォローする