親要素と子 iframe_javascript スキル間の変数および要素オブジェクトの相互取得の具体的な実装

親:

コードをコピー コードは次のとおりです:

var count = 1;

-- -------------------------------------------------- -- -------
サブ iframe:

コードをコピー コードは次のとおりです:

alert(window.parent.count); // 親の js 変数を取得します
alert("#username ", window.parent.document ));// 親の jQuery オブジェクトを取得します
alert(window.parent.document.getElementByIdx_x('username'));// 親の DOM オブジェクトを取得します

--------------------------------- -------------------------------------------------------- -------------- -

子 iframe (id="iframeId"name="iframeName"):

コードをコピーします コードは次のようになります:

text/javascript">
varcount = 1;

--------- -------------- ------------------------
親:

コードをコピーします コードは次のとおりです。

alert(document.iframeName.count);//サブ iframe js 変数を取得します
alert($(window.frames["iframeName"].document).contents().find("#username")); //サブ iframe の jQuery オブジェクトを取得します
alert($(" #username",document.frames("iframeName").document));//サブ iframe
の jQuery オブジェクトを取得しますalert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username' ));//子 iframe の DOM オブジェクトを取得します

インターネットでいくつかの例を収集します。
jQuery を使用して IFRAME 内の親を取得します。 ウィンドウ内の特定の要素の値 は、DOM メソッドとjquery メソッド

1. 親ウィンドウの IFRAME 内のすべてのラジオ ボタンを選択します
$(window.frames["iframe1"].document).find("input:radio").attr( "checked","true");
2. IFRAME の親ウィンドウ内のすべてのラジオ ボタンを選択します
$(window.parent.document).find("input:radio").attr("checked" ,"true");
親ウィンドウが IFrame 内の Iframe を取得したい場合は、たとえば、
$(window.frames["iframe1"].frames["iframe2") を追加します。 ].document).find("input:radio").attr("checked","true");
3. 子ウィンドウで親ウィンドウの別の子ウィンドウのメソッド (FRAME) を呼び出します。 🎜>parent.frames["Main"].Fun();
注: このように比較するには [] を使用することをお勧めします 複数のブラウザに対応していますが、()Firefox/Sogou/Google には対応していません。