iframeからのリンクを、別タブ／親ページで開く

iframeで別ページを読み込んでいるとき、
リンクやフォームの送信がiframe内でおこなわれてしまい困ったので、
どうすればいいか調べました。

下記のコードサンプルは、iframe内（読み込まれる側）の記述です。
また、今回の解説に必要最小限のコードで構成しています。

別タブで開くとき

aタグの場合

HTML

フォームの場合

HTML

よく使うやつですね。
iframeとして読み込まれていても、別タブで開きます。

iframeの親ページで開くとき

aタグの場合

HTML

普段target="_blank"ばかり使っていましたが
他の値の使い道がここにありました。
target="_top"はウインドウ全体に表示する、という値なので
親ページにリンク先が表示されます。

フォームの場合

HTML

フォームの場合は、formタグに記述することで動作します。
inputタグに書いて『効かない〜〜！』となりがちなので、注意です。

参考

結果が表示されるウィンドウを指定する｜TAG index

まとめ

調べてみたら、基本的なことでした。
小手先のことにとらわれずに、基本に立ち返ることも必要でした。