js と jQuery は親ウィンドウと子ウィンドウの iframe_javascript スキルを取得します

Web 開発では、iframe が頻繁に使用されます。親ウィンドウの iframe 内の要素を使用するか、iframe 内の親ウィンドウの要素を使用する必要があります。

js

親ウィンドウの iframe 内の要素を取得します

1、

形式: window.frames["iframe の名前の値"].document.getElementByIdx_x("iframe 内のコントロールの ID").click();

例: window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2、

形式:

var obj=document.getElementByIdx_x("iframe の名前").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("iframe 内のコントロールの ID");

ifmObj.click();

例:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

iframe 内の親ウィンドウの要素を取得します

形式: window.parent.document.getElementByIdx_x("親ウィンドウの要素ID").click();

例: window.parent.document.getElementByIdx_x("btnOk").click();

jquery

親ウィンドウの iframe 内の要素を取得します

1、

形式: $("#iframe の ID").contents().find("#iframe のコントロール ID").click();//jquery メソッド 1

例: $("#ifm").contents().find("#btnOk").click();//jquery メソッド 1

2、

形式: $("#iframe のコントロール ID",document.frames("フレーム名").document).click();//jquery メソッド 2

例: $("#btnOk",document.frames("ifm").document).click();//jquery メソッド 2

iframe 内の親ウィンドウの要素を取得します

形式: $('#親ウィンドウの要素ID',parent.document).click();

例: $('#btnOk',parent.document).click();