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側が変更・修正出来ない場合は本記事の内容では実装できないです。。

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

Ads

関連記事

プログラミング

webサイトで過去ページのデザイン・内容を見る方法【Wayback Machineで簡単】

2020.07.16
13
JavaScript プログラミング

webサイトにテキストコピーボタンを設置する方法【簡単】

2021.06.09
11
PHP プログラミング

【php】現在のディレクトリURLを取得し、条件分岐する方法

2021.10.28
350
WordPress プログラミング

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

2022.04.14
73