iframe_jquery를 작동하는 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의 상위 창에 있는 모든 라디오 버튼을 선택합니다. ("확인됨","참");

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 또는 $("#mainiframe").contains().find("someID").text() 값

3. 상위 창의 IFRAME에서 모든 라디오 버튼을 선택합니다.
$(window.frames["iframe1"].document).find("input[@type=' radio' ]").attr("확인됨","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["프레임 이름"];

window.frames.frameName

window.frames[색인]

그 중 window라는 단어를 self로 바꾸거나 생략할 수도 있으며, 프레임 이름이 페이지의 첫 번째 프레임이라고 가정하면 다음 작성 방법은 동일합니다.

self.frames["프레임 이름"]

self.frames[0]

프레임[0]

프레임이름

각 프레임은 HTML 페이지에 해당하므로 이 프레임은 창의 모든 속성도 갖습니다. 소위 프레임 참조도 창 개체에 대한 참조입니다. 이 창 개체를 사용하면 window.document 개체를 사용하여 페이지에 데이터를 쓰거나 window.location 속성을 사용하여 프레임의 페이지를 변경하는 등 페이지를 쉽게 조작할 수 있습니다.

다음은 다양한 수준의 프레임워크 간의 상호 참조를 소개합니다.

1． 상위 프레임에서 하위 프레임으로의 참조

위 원칙을 알면 상위 프레임에서 하위 프레임을 참조하는 것이 매우 쉽습니다. 즉,

window.frames["프레임 이름"];

이는 페이지 내에서 frameName이라는 하위 프레임을 참조합니다. 서브프레임 내에서 서브프레임을 참조하려는 경우 참조된 프레임(실제로는 창 객체)의 특성에 따라 다음과 같이 구현할 수 있습니다.

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

이런 방식으로 두 번째 수준 하위 프레임이 참조되고, 비유적으로는 다중 계층 프레임워크 참조가 달성될 수 있습니다.

2． 하위 프레임에서 상위 프레임으로의 참조

각 창 개체에는 상위 프레임을 나타내는 상위 속성이 있습니다. 프레임이 이미 최상위 프레임인 경우 window.parent는 프레임 자체도 나타냅니다.

3． 형제 프레임워크 간의 참조

두 프레임이 동일한 프레임의 하위 프레임인 경우 형제 프레임이라고 하며 상위 프레임을 통해 서로 참조할 수 있습니다. 예를 들어 페이지에는 2개의 하위 프레임이 포함됩니다.

프레임세트>

frame1에서 다음 명령문을 사용하여 프레임2를 참조할 수 있습니다.

self.parent.frames["frame2"];

4. 서로 다른 수준의 프레임워크 간 상호 참조

프레임 계층은 최상위 프레임을 위한 것입니다. 레벨이 다른 경우 현재 레벨과 다른 프레임의 레벨 및 이름을 알고 있는 한 프레임에서 참조하는 창 개체의 속성을 사용하여 서로 쉽게 액세스할 수 있습니다. 예를 들면 다음과 같습니다.

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

5． 최상위 프레임 참조

parent 속성과 마찬가지로 window 객체에도 top 속성이 있습니다. 이는 프레임 자체가 최상위 프레임인지 여부를 결정하는 데 사용할 수 있는 최상위 프레임에 대한 참조를 나타냅니다. 예를 들면 다음과 같습니다.

//이 프레임이 최상위 프레임인지 확인

if(self==top){

//뭔가를 하세요

}