jquery を使用して iframe を操作 1. コンテンツには 2 つの ifame があります <br><iframe id="mainiframe.. leftiframe の jQuery は mainiframe の src コードを変更します: $("#mainframe",parent.document.body).attr("src","http://www.radys.cn") 2. コンテンツ内に mainiframe の ID を持つ ifame がある場合 </ifame> <br>ifame が含まれている場合a someID <br><div id="someID">このコンテンツを取得します</div> <br>someID のコンテンツを取得します</p> <p> $("#mainiframe").contents().find("someID").html() html または $("#mainiframe").contains().find("someID").text() 値</p> <p><strong>3. 親ウィンドウの IFRAME 内のすべてのラジオ ボタンを選択します <br></strong>$(window.frames["iframe1"].document).find("input[@type=' radio' ]").attr("チェック済み","true");</p> <p>ID を選択するには、必然的に find メソッド <br>$(window.frames["iframe1"].document).find("#id") </p> を使用します。 <p><strong>4. 上記のように、leftiframe の <br></strong> jQuery は、mainiframe の someID <br> $("#mainframe",parent.document.body).contents() を操作します。 someID").html() または $("#mainframe",parent.document.body).contents().find("someID").val() </p> <p><font style="BACKGROUND-COLOR: #ccffff">JavaScript を使用して iframe を操作する </font></p> <p><strong>フレーム間の参照 </strong></p> <p>ページ内のすべてのフレームは、コレクションの形式でウィンドウ オブジェクトの属性として提供されます。例: window.frames は、フォーム オブジェクト、リンク オブジェクト、ピクチャと同様に、ページ内のすべてのフレームのコレクションを表します。違いは、これらのコレクションがドキュメントのプロパティであることです。したがって、サブフレームを参照するには、次の構文を使用できます: </p> <p>window.frames["フレーム名"]; </p>window.frames.frameName <p> </p>window.frames[インデックス] <p> </p> このうち、window という単語も self に置き換えたり省略したりすることができます。frameName がページ内の最初のフレームであるとすると、以下の記述方法は同等です。 <p>self.frames["frameName"] </p> <p>self.frames[0] </p> <p>フレーム[0] </p> <p>フレーム名 </p> <p>各フレームは HTML ページに対応するため、このフレームは独立したブラウザ ウィンドウでもあり、フレームへのいわゆる参照はウィンドウ オブジェクトへの参照でもあります。この window オブジェクトを使用すると、window.document オブジェクトを使用してページにデータを書き込んだり、window.location プロパティを使用してフレーム内のページを変更したりするなど、その中のページを簡単に操作できます。 </p> <p>以下では、異なるレベルのフレームワーク間の相互参照を紹介します。</p> <p></p> <p>1．親フレームから子フレームへの参照 <strong><font style="COLOR: #ff0000"></font> </strong>上記の原則を知っていると、親フレームから子フレームを参照するのは非常に簡単です。</p> <p>window.frames["フレーム名"]; </p>これは、ページ内のframeNameという名前のサブフレームを参照します。サブフレーム内のサブフレームを参照したい場合は、参照されるフレーム (実際にはウィンドウ オブジェクト) の性質に従って、次のように実装できます: <p> </p>window.frames["frameName"].frames["frameName2"]; <p> </p>このようにして、第 2 レベルのサブフレームが参照され、同様に、多層フレームワークの参照を実現できます。 <p> </p> <p></p>2.子フレームから親フレームへの参照 <p><strong><font style="COLOR: #ff0000"> </font>各ウィンドウ オブジェクトには、その親フレームを表すparent属性があります。フレームがすでにトップレベルのフレームである場合、window.parent はフレーム自体も表します。 </strong> </p> <p></p>3．兄弟フレームワーク間の参照 <p><strong><font style="COLOR: #ff0000"> </font>2 つのフレームが同じフレームのサブフレームである場合、それらは兄弟フレームと呼ばれ、親フレームを通じて相互に参照できます。たとえば、ページには 2 つのサブフレームが含まれます。 </strong><フレームセット行="50%,50%"> </p><frame src="1.html" name="frame1" /> <p><frame src="2.html" name="frame2" /> </p></フレームセット> <p>フレーム 1 で次のステートメントを使用して、フレーム 2 を参照できます: </p> <p>self.parent.frames["frame2"]; </p> <p></p> <p>4．異なるレベルのフレームワーク間の相互参照 </p> <p></p> <p>フレームの階層はトップレベルのフレームのものです。レベルが異なる場合、自分がいるレベルと、他のフレームのレベルと名前がわかっていれば、フレームによって参照されるウィンドウ オブジェクトのプロパティを使用して、相互に簡単にアクセスできます。たとえば、</p> <p>self.parent.frames["childName"].frames["targetFrameName"]; <strong> <font style="COLOR: #ff0000"></font></strong>5.最上位フレームへの参照 </p> <p></p> <p>parent 属性と同様に、window オブジェクトにも top 属性があります。これはトップレベルのフレームへの参照を表し、フレーム自体がトップレベルのフレームであるかどうかを判断するために使用できます。たとえば、</p> <p>//このフレームがトップレベルのフレームかどうかを判断します <strong> <font style="COLOR: #ff0000">if(self==top){ </font> </strong>//何かをする </p> <p>} </p>
