javascriptのclickイベントで_selfと_blankのリンク

javascriptのclickイベントでHTMLの<a href=”遷移先アドレス”>と同じ挙動を担保する方法です。
どちらかというとレガシーな技術ですが、開発業務のなかで便宜上この方法にしてほしいと指定いただくことがあるのでメモ。

まずは普通のtarget=”_self”リンク。この書式で設定できます。

location.href=遷移先アドレス

<input onClick="location.href='http://webdev.jp.net/'" type="button" value="普通のリンク">

ちょっと応用して、target=”_blank”の別窓表示のリンク。
ポップアップでウィンドウを開くときの書式を使います。

window.open().location.href=遷移先アドレス

<input onClick="window.open().location.href='http://webdev.jp.net/'" type="button" value="別窓表示のリンク">

関連記事

Pocket