Jquery を解析して iframe_jquery の要素を取得するいくつかの方法

DOM メソッド: 親ウィンドウ操作 IFRAME: window.frames["iframeSon"].document IFRAME 操作親ウィンドウ: window.parent.document jquery メソッド: 親ウィンドウの IFRAME 内のすべての入力ボックスを選択します: $(window.frames["iframeSon"].document).find(" : text"); 親ウィンドウ内のすべての入力ボックスを選択するための IFRAME での操作: $(window.parent.document).find(":text"); iframe HTML:

1. 親ウィンドウの IFRAME 内のすべてのラジオ ボタンを選択します $(window.frames["iframe1"].document).find("input[@type=' radio' ]").attr("チェック済み","true");

2. IFRAME の親ウィンドウ内のすべてのラジオ ボタンを選択します $(window.parent.document).find("input[@type='radio']") .attr ("チェック済み","true"); iframe フレーム:

コードをコピー コードは次のとおりです: jquery-1.2.6.js" src="../js/jquery-1.2. 6.js" type="text/ecmascript"> //$(" iframe").contents().find("body").append("私は iframe です!"); ] .document).find("input[@type='text']").attr( "サイズ","30px"); 「#d1」).css('color','red'); .css({background:"#369"}); -> 🎜> >

いくつか集めるJquery を使用して iframe 内の要素を取得するメソッド: 🎜> コードをコピー

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

$(document.getElementById('iframeId' ).contentWindow.document.body).htm()

iframe 内の body 要素のコンテンツを表示します。

コードをコピー コードは次のとおりです: $("#testId", document. Frames(" iframename").document).html(); iframename に従って ID が「testId」である要素を取得します コードをコピーします コードは次のとおりです: $(window.frames["iframeName"].document).find("#testId").html( ) 作用同上

收集网上的一些示例： 用jQuery在IFRAME里取得父窗口的某个元素的值 只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮 $(window.parent.document).find("input[@type='radio']").attr("checked","true"); iframe框架的： IE7中测试通过

使用jquery操作iframe 1、 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.jb51.net") 2、 如果内容里面有一个ID为mainiframe的ifame ifame包含一个someID you want to get this content someID のコンテンツを取得します $("#mainiframe").contents().find("someID").html() html または $("#mainiframe").contains().find( " someID").text() 値

3. 親ウィンドウの IFRAME 内のすべてのラジオ ボタンを選択します $(window.frames["iframe1"].document).find("input[@type=' radio' ]").attr("checked","true"); ID を選択すると、必然的に find メソッドが引き続き使用されます $(window.frames["iframe1"].document).find(" # id")

4. 上に示すように、leftiframe の jQuery は、mainiframe のコンテンツと someID のコンテンツを操作します $("#mainframe",parent.document .body ).contents().find("someID").html() または $("#mainframe",parent.document.body).contents().find("someID").val()

JavaScript を使用して iframe を操作します フレーム間の相互参照 ページ内のすべてのフレームは、ウィンドウ オブジェクトの属性としてコレクションの形式で提供されます。例: window.frames これは、ページ内のすべてのフレームのコレクションを表し、フォーム オブジェクト、リンク オブジェクト、ピクチャ オブジェクトなどに似ています。違いは、これらのコレクションがドキュメントの属性であることです。したがって、サブフレームを参照するには、次の構文を使用できます: window.frames["frameName"]; window.frames.frameName window.frames[index] ここで、window という単語は代わりに self を使用することも、省略することもできます。frameName がページの最初のフレームであると仮定すると、次の記述メソッドは同等です: self.frames["frameName"] self.frames[0] frames [0] frameName 各フレームは HTML ページに対応するため、このフレームは独立したブラウザ ウィンドウでもあり、いわゆるフレームへの参照も参照されます。ウィンドウオブジェクト。この window オブジェクトを使用すると、window.document オブジェクトを使用してページにデータを書き込んだり、window.location プロパティを使用してフレーム内のページを変更したりするなど、その中のページを簡単に操作できます。

以下では、異なるレベルのフレームワーク間の相互参照を紹介します。 1.親フレームから子フレームへの参照 上記の原則を理解すると、親フレームから子フレームを参照することは非常に簡単です。 window.frames["frameName"]; これは、ページ内のframeNameという名前の参照Aサブフレームです。サブフレーム内のサブフレームを参照したい場合は、ウィンドウ オブジェクトの性質に従って、参照されるフレームを次のように実装できます。 window.frames["frameName"].frames["frameName2"]; >参照方法は次のとおりです。 第 2 レベルのサブフレームワークなどになると、多層フレームワークの参照が実現されます。

2．子フレームから親フレームへの参照 各ウィンドウ オブジェクトには、親フレームを表すparent属性があります。フレームがすでにトップレベルのフレームである場合、window.parent はフレーム自体も表します。

3．兄弟フレーム間の参照 2 つのフレームが同じフレームのサブフレームである場合、それらは兄弟フレームと呼ばれ、親フレームを通じて相互に参照できます。たとえば、ページには 2 つのサブフレームが含まれます。 > フレーム 2 を参照するには、次のステートメントを使用します。

4.異なるレベルのフレームワーク間の相互参照

フレームワークのレベルは、最上位のフレームワーク用です。レベルが異なる場合、自分がいるレベルと、他のフレームのレベルと名前がわかっていれば、フレームによって参照されるウィンドウ オブジェクトのプロパティを使用して、相互に簡単にアクセスできます。たとえば、 self.parent.frames["childName "].frames["targetFrameName"]; 5．最上位フレーム

への参照は、parent 属性と似ています。window オブジェクトにも top 属性があります。これはトップレベルのフレームへの参照を表し、フレーム自体がトップレベルのフレームであるかどうかを判断するために使用できます。たとえば、 //このフレームがトップレベルのフレームであるかどうかを判断します if (self==top){ / /dosomething }