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のnth-childを使い、子要素の最初、最後、偶数奇数、何番目以降を指定する方法

更新日:2020.06.11
1216
HTMLCSS

CSSだけで台形を作る方法

更新日:2022.09.21
1699
WordPress プログラミング

ワードプレスのツールバー(アドミンバー)を表示・非表示にする方法

2020.05.29
922
HTMLCSS プログラミング

横スライドメニューをhtml・CSSのみで実装【JS不要簡単】

2020.04.12
2323