JQueryを使ってiframeの親ページと子ページを操作する方法まとめ

iframe は複合ドキュメントでよく使用されます。jquery を使用して iframe を操作すると、効率が大幅に向上します。これは、純粋な JS を使用して実現することもできます。以下では多くを語る必要はありません。詳細な紹介を見てみましょう。この記事では、JQuery を使用して iframe の親ページとサブページの要素とメソッドを操作するための関連情報を、サンプル コードを通じて詳しく紹介します。この記事は、すべての人の学習や仕事に役立ちます。必要な人は以下のエディタで学習しましょう。

まず、iframe 内の親ページの要素を見つける方法:

$('#id', window.parent.document)

2 番目、親ページの iframe 内の要素を取得する方法:

$(this).contents().find("#suggestBox")

3 番目、親ページで定義されたメソッドと変数を呼び出すiframe 内:

parent.method parent.value

JQUERY、IFRAME の親ウィンドウ要素と子ウィンドウ要素を呼び出す JS メソッド

1. jquery は次のように iframe サブページの親ページの要素コードを取得します:

$("#objid", parent.document)

2.親ページ上の iframe サブページのコードは次のとおりです:

$("#objid",document.frames('iframename').document)

3.js iframe サブページの親ページ要素を取得するコードは次のとおりです:

indow.parent.document.getElementByIdx_x("元素id");

4.js iframe サブページを取得するコード親ページの要素は次のとおりです:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5. サブクラス iframe で親クラス関数を呼び出します:

window.parent.func();

関連推奨事項:

vue コンポーネントでの iframe 要素の使用例

A Iframe Web ページ内のナビゲーション ウィンドウの簡単な分析

iframe 属性の使用方法

以上がJQueryを使ってiframeの親ページと子ページを操作する方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。