【解決方法】送信をクリックすると、iframe が親ページまたは Web ページ全体をリダイレクトしないようにする方法は?

プログラミングQA

2023.03.21

Iframe を使用して外部フォームページを埋め込んだ Web ページに取り組んでいます。 iframe 外部フォームページ内にメッセージを残すように外部フォームページがリダイレクトされるように構成されていることを検出しましたが、必要な機能は、外部 iframe の送信をクリックしたときに親ページまたはページ全体をターゲットページにリダイレクトすることです。フォームページ。

親ページに外部 Iframe ページが含まれる:

<div class="sign-in-box">
<div class="iframe-container" style="overflow:hidden; padding-top: 56.25%; position:relative; height: 100%">
<iframe src="http://127.0.0.1/SignIn/docs/index.php/formbuilder/frontend/viewform/?form=2" style="border: 0; height: 100%; left 0; position: absolute; top: 0; width: 100%;"></iframe>
</div>

外部 Iframe ページ:
ここにコードを配置しようとしていますが、機能していません。stackoverflow の元の投稿へのリンクは次のとおりです。 php – 親ページまたは Web ページ全体をリダイレクトする Iframe を作成する方法は? – スタックオーバーフロー[^]

私が試したこと：

私はいくつかの解決策を試しましたが、うまくいかなかったので、以下に添付したコードをアップロードする必要があると思います.

Pls私は良い貢献解決策に感謝します。

ありがとう。

解決策 1

親ページを iFrame からリダイレクトする場合は、javascript を使用します。

JavaScript

top.location = '<your redirect url>';

親から iFrame にリダイレクトする場合は、JavaScript を使用します。

JavaScript

document.getElementById("iframeId").src = '<your redirect url>';

何か他のものを探している場合は、質問を理解するのを手伝ってください。

次のように iframeId を追加できます。

JavaScript

<iframe id="iframeId" src="http://127.0.0.1/SignIn/docs/index.php/formbuilder/frontend/viewform/?form=2" style="border: 0; height: 100%; left 0; position: absolute; top: 0; width: 100%;">
                    </iframe>