Written by Kasumi

iframe内のリンク・formを別タブで開く方法

こんにちは、カスミです。

さて、以下のようなお悩みをお持ちでしょうか?

iframeをサイトに埋め込んでいるが、iframe内のリンクをクリックするっと、

iframe内で遷移してしまう。

別タブで開くようにしたい。

このようなお悩みを解決致します。

本記事では、iframe内のリンク・formを別タブで開く方法について解説致します。

target=”_top”を指定する

<!-- リンクの場合 -->
<a href="#" target="_top"></a>
<!-- フォームの場合 -->
<form action="" target="_top"></form>

iframe内のリンク・formを別タブで開くには、

iframe側のソース内で、リンク(aタグ)formタグ内にtarget=”_top”を入れてあげればOKです。

以上で実装完了です。

まとめ

iframe側が変更・修正出来ない場合は本記事の内容では実装できないです。。

以上で解説を終わります。

目次

関連記事

HTMLCSS jQuery

【CSS】高さ100vh指定時のスマホステータスバーを除く方法

更新日:2022.09.09
2652
プログラミング

【簡単】サイトからファビコンを取得・保存・ダウンロードする方法

更新日:2020.05.16
50370
WordPress プログラミング

【アドミンバー】WordPressで管理画面にログインしたらページ上部に余白ができるのを解決!

2022.04.14
1761
HTMLCSS

flexboxで比率を維持したままレスポンシブに拡大縮小可能な横並びレイアウトを作ってみよう

更新日:2019.11.28
4538