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 プログラミング

CSSで背景画像を右からを基準にpx指定する方法

2020.07.13
5478
プログラミング

www.有りのドメインを無しのドメインにリダイレクトする方法

更新日:2020.06.12
646
HTMLCSS プログラミング

【簡単】CSSで文字のitalicが効かない。transformで傾きを付けよう

2022.04.10
1446
WordPress プログラミング

wordpressで特定のページを非表示にし404ページへリダイレクトする方法

2022.01.15
2361