iframe_jquery에서 요소를 얻기 위해 Jquery를 구문 분석하는 여러 가지 방법-JS 튜토리얼-php.cn

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의 상위 창에 있는 모든 라디오 버튼을 선택합니다. ("checked","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'); | 🎜>

여러 개 수집 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를 선택하는 것은 자연스럽게 찾기 방법을 계속 사용하는 것입니다 $(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라는 단어는 is also self를 대신 사용하거나 생략할 수 있습니다. 프레임 이름이 페이지의 첫 번째 프레임이라고 가정하면 다음 작성 방법은 동일합니다. [0] frameName 각 프레임은 HTML 페이지에 해당하므로 이 프레임은 창의 모든 속성도 갖습니다. 창 개체. 이 창 개체를 사용하면 window.document 개체를 사용하여 페이지에 데이터를 쓰거나 window.location 속성을 사용하여 프레임의 페이지를 변경하는 등 페이지를 쉽게 조작할 수 있습니다.

다음은 다양한 수준의 프레임워크 간의 상호 참조를 소개합니다. 1. 상위 프레임에서 하위 프레임으로 참조 위의 원칙을 알면 상위 프레임에서 하위 프레임을 참조하는 것이 매우 쉽습니다. 즉, window.frames["frameName"] 이는 페이지 내에서 frameName이라는 참조 A 서브프레임입니다. 하위 프레임 내의 하위 프레임을 참조하려는 경우 창 개체의 특성에 따라 참조된 프레임을 다음과 같이 구현할 수 있습니다. window.frames["frameName"].frames["frameName2"]; >참조 방법은 다음과 같습니다. 2차 하위 프레임워크 등의 경우 다층 프레임워크의 참조가 가능합니다.

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

각 창 객체에는 상위 프레임을 나타내는 상위 속성이 있습니다. 프레임이 이미 최상위 프레임인 경우 window.parent는 프레임 자체도 나타냅니다. 3． 형제 프레임 간 참조

두 프레임이 동일한 프레임의 하위 프레임인 경우 형제 프레임이라고 하며 상위 프레임을 통해 서로 참조할 수 있습니다. 예를 들어 페이지에는 2개의 하위 프레임이 포함됩니다. >&lt ;frameset Rows="50%,50%"> frame1에서 다음 명령문을 사용하여 프레임2를 참조할 수 있습니다. self.parent.frames["frame2"];

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

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

self.parent.frames["childName "].frames["targetFrameName"] 5． 최상위 프레임 에 대한 참조는 상위 속성과 유사합니다. 창 개체에도 top 속성이 있습니다. 이는 프레임 자체가 최상위 프레임인지 여부를 결정하는 데 사용할 수 있는 최상위 프레임에 대한 참조를 나타냅니다. 예:

//이 프레임이 최상위 프레임인지 여부를 판단합니다. if (self==top){ / /dosomething }