jQuery の親 iframe と子 iframe 間の相互呼び出しメソッドと値受け渡しメソッドの簡単な紹介

この記事では、jQuery の親 iframe と子 iframe の間の相互呼び出しと値の受け渡しについて簡単に紹介します。必要な方は参考にしていただければ幸いです。 。

親ページのiframeは次の通りです

<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;

1.親iframeは子iframeのメソッドを呼び出します

    $("#sunPage")[0].contentWindow.sunMethod();

contentWindowオブジェクトは子iframeのウィンドウオブジェクトを取得でき、すべてのブラウザと互換性があります。 sunMethod() これは子 iframe のメソッドです。メソッド名です。

iframe の ID がわからない場合は、jbox の open メソッドを使用して ifram を開くことができます。 iframe ノードを見つけるための jquery のメソッド。

例:

$(selector).find("iframe")[0].contentWondow.sunMethod();

2. 親 iframe は子 iframe タグのデータを変更します。たとえば、子 iframe の入力値を変更します。

jQuery content() メソッド: PHP 中国語で導入されました。 website

ID #sunP は子 iframe の入力の ID です。

3. 子 iframe は親 iframe のメソッドを呼び出します

      $('#sunPage').contents().find("#sunP").text("dsssssdd");

window.parent は window オブジェクトの親を直接呼び出します

daoYo(" asdadasds"); 親ページのメソッド名、パラメータを渡すことができます;

4、子 iframe は、親 iframe の入力値を変更するなど、親 iframe タグ内のデータを変更します。
これは言うまでもありません。

    window.parent.daoYo("asdadasds");

関連する推奨事項:

iframe 子、親ページのドメイン内およびクロスドメイン通信のインスタンス

親ページの iframe の高さは、子 page_html/ の iframe の高さに自動的に適応します。 css_WEB-ITnose

jquery、iframeの親ウィンドウと子ウィンドウ要素を呼び出すjsメソッドはorganized_jqueryです

以上がjQuery の親 iframe と子 iframe 間の相互呼び出しメソッドと値受け渡しメソッドの簡単な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。