>  기사  >  웹 프론트엔드  >  상위 요소와 하위 iframe_javascript 기술 간의 변수 및 요소 개체의 상호 획득을 구체적으로 구현합니다.

상위 요소와 하위 iframe_javascript 기술 간의 변수 및 요소 개체의 상호 획득을 구체적으로 구현합니다.

WBOY
WBOY원래의
2016-05-16 17:19:521578검색

상위:

코드 복사 코드는 다음과 같습니다.



var count = 1;


-- -- ------------------------------------------------ -- -------
하위 iframe에서:
코드 복사 코드는 다음과 같습니다.


alert(window.parent.count) //부모
alert($("#username)에서 js 변수 가져오기 ", window.parent.document ));//상위에서 jQuery 객체 가져오기
alert(window.parent.document.getElementByIdx_x('username'));//상위에서 DOM 객체 가져오기


-------------------------------------- -------------- ---------- -------------- -

하위 iframe(id="iframeId"name="iframeName"):
코드 복사 코드는 다음과 같습니다.



varcount = 1;


--------- -------------- -------------
부모:
코드 복사 코드는 다음과 같습니다.

Alert(document.iframeName.count);//하위 iframe js 변수 가져오기
alert($(window.frames["iframeName"].document).contents().find("#username")); //하위 iframe에서 jQuery 객체 가져오기
alert($(" #username",document.frames("iframeName").document));//하위 iframe에서 jQuery 객체 가져오기
Alert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username' ));//하위 iframe에서 DOM 객체 가져오기



인터넷에서 몇 가지 예를 수집하세요. jQuery를 사용하여 IFRAME에서 부모를 가져옵니다. 창에 있는 특정 요소의
값은 DOM 메서드와 jquery 메서드

1. 상위 창의 IFRAME에 있는 모든 라디오 버튼을 선택합니다.
$(window.frames["iframe1"].document).find("input:radio").attr( "checked","true");
2. IFRAME
$(window.parent.document).find("input:radio").attr("checked"에서 모든 라디오 버튼을 선택합니다. ,"true");
상위 창이 IFrame에서 Iframe을 가져오려면 프레임 하위를 추가하면 됩니다. 예:
$(window.frames["iframe1"].frames["iframe2" ].document).find("input:radio").attr("checked","true");
3. 하위 창의 상위 창에서 다른 하위 창의 메서드(FRAME)를 호출합니다. 🎜>parent.frames["Main"].Fun();
참고: 이와 같이 비교하려면 []를 사용하는 것이 좋습니다. 여러 브라우저와 호환되며, ()Firefox/Sogou/Google은 호환되지 않습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.