jquery で iframe_jquery を操作するいくつかの方法のまとめ

iframe は複合ドキュメントでよく使用されます。jquery を使用して iframe を操作すると、効率が大幅に向上します。

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 フレーム:

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

="../js/jquery-1.2.6.js" type="text/ecmascript "> ;

收集利用Jquery取得iframe中元素的几种方法 :

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

显示iframe中body元素的内容。

$("#testId", document.frames("iframename").document).html(); 
$("#testId", document.frames("iframename").document).html(); 

根据iframename取得其中ID为"testId"元素

$(window.frames["iframeName"].document).find("#testId").html() 
$(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代码：
$(">

2、如果内容里面有一个ID为mainiframe的ifame

$("#mainiframe").contents().find("someID").html() html or $("#mainiframe").contains().find("someID").text() value

3. Select all radio buttons in the IFRAME in the parent window
$(window.frames["iframe1"].document).find("input[@type=' radio']").attr("checked","true");

Then choosing the id is naturally to still use the find method
$(window.frames["iframe1"].document).find("#id")

4. As shown above
jQuery in leftiframe operates the content of mainiframe and the content of someID
$("#mainframe",parent.document.body).contents(). find("someID").html() or $("#mainframe",parent.document.body).contents().find("someID").val()

Use JavaScript to manipulate iframes

References between frames

All frames in a page are provided as attributes of the window object in the form of a collection. For example: window.frames represents the collection of all frames in the page, which is similar to form objects, link objects, picture objects, etc. The difference is that these collections are properties of the document. Therefore, to reference a subframe, you can use the following syntax:

window.frames["frameName"];

window.frames.frameName

window.frames[index]

Among them, the word window can also be replaced or omitted with self. Assuming that frameName is the first frame in the page, the following writing methods are equivalent:

self.frames["frameName"]

self.frames[0]

frames[0]

frameName

Each frame corresponds to an HTML page, so this frame is also an independent browser window. It has all the properties of a window. The so-called reference to the frame is also a reference to the window object. With this window object, you can easily operate the pages in it, such as using the window.document object to write data to the page, using the window.location property to change the page in the frame, etc.

The following introduces the mutual references between different levels of frameworks:

1． Reference from parent frame to child frame

Knowing the above principles, it is very easy to reference the child frame from the parent frame, that is:

window.frames["frameName"];

This references the subframe named frameName within the page. If you want to reference a subframe within a subframe, according to the nature of the referenced frame, which is actually the window object, you can implement it like this:

window.frames["frameName"].frames["frameName2"];

In this way, the second-level sub-frame is referenced, and by analogy, multi-layer framework references can be achieved.

2． Reference from child frame to parent frame

Each window object has a parent attribute, representing its parent frame. If the frame is already a top-level frame, window.parent also represents the frame itself.

3． References between sibling frameworks

If two frames are sub-frames of the same frame, they are called sibling frames and can reference each other through the parent frame. For example, a page includes 2 sub-frames:

You can use the following statement in frame1 to reference frame2:

self.parent.frames["frame2"];

4. Mutual references between frameworks at different levels

The hierarchy of frames is for top-level frames. When the levels are different, as long as you know the level you are at and the level and name of the other frame, you can easily access each other by using the properties of the window object referenced by the frame, for example:

self.parent.frames["childName"].frames["targetFrameName"];

5． Reference to the top-level frame

Similar to the parent attribute, the window object also has a top attribute. It represents a reference to the top-level frame, which can be used to determine whether a frame itself is a top-level frame, for example:

//Determine whether this frame is a top-level frame

if(self==top){

//dosomething

}