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

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

目次

関連記事

プログラミング

多種・多様なスクロールアニメーションを実装するならAnimate.css!使い方を解説

2022.04.27
813
WordPress プログラミング

wordpressのfeed取得先がEntity: line 2: parser で見れない時の対処方法

2021.10.27
264
HTMLCSS JavaScript

スクロールバーが表示されない。SimpleBarを使おう!【即解決】

更新日:2022.09.09
3836
WordPress プログラミング

【BreadcrumbNavXT】パンくずをJSONLD形式構造化で表示する方法

2022.01.02
379