iFrame から親ウィンドウ関数を呼び出すにはどうすればよいですか?

iFrame からの親ウィンドウ関数の呼び出し

iFrame とその親ウィンドウの間の通信を確立するには、内部から親ウィンドウ関数を呼び出す必要がある場合があります。 iフレーム。この記事では、このタスクを実行する方法について説明します。

問題:

親ウィンドウ内に iFrame が埋め込まれており、そのウィンドウで定義された JavaScript 関数を呼び出したいと考えています。 iFrame からの親ウィンドウ。

次のコードを考えてみましょう。スニペット:

<script>
    function abc() {
        alert("sss");
    }
</script>

<iframe>

この例では、iFrame 内の「Call Me」リンクをクリックしても、abc() 関数はトリガーされません。これは、iFrame の JavaScript スコープが親ウィンドウから分離されているためです。

解決策:

iFrame から親ウィンドウ関数を呼び出すには、親を明示的に指定する必要がありますwindow.parentプロパティを使用したウィンドウ。コードを変更する方法は次のとおりです。

<a onclick="parent.abc();" href="#">Call Me</a>

parent.abc() 構文は、親ウィンドウの JavaScript コンテキスト内で abc() 関数を識別し、iFrame からこの関数を呼び出すことができます。

以上がiFrame から親ウィンドウ関数を呼び出すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。