jQuery의 상위 iframe과 하위 iframe 간의 상호 호출 및 값 전달 방법에 대한 간략한 소개

이 글에서는 jQuery에서 상위 iframe과 하위 iframe 간의 상호 호출 및 값 전달 방법에 대해 간략하게 소개합니다. 필요한 친구들이 참고하면 도움이 될 것입니다. .

상위 페이지의 iframe: 다음과 같습니다

<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>;

1. 상위 iframe은 하위 iframe 메서드를 호출합니다

    $("#sunPage")[0].contentWindow.sunMethod();

contentWindow 객체를 얻을 수 있습니다. 모든 브라우저와 호환되는 하위 iframe의 창 객체입니다.
sunMethod() 하위 iframe의 메소드 이름입니다.

# 🎜🎜#

iframe ID를 알 수 없는 경우, 예를 들어 jbox의 open 메소드를 사용하여 iframe 노드를 찾을 수 있습니다. jquery의 find 메소드를 사용할 수 있습니다.

예:

$(selector).find("iframe")[0].contentWondow.sunMethod();

2. 상위 iframe은 하위 iframe 태그의 데이터를 수정합니다(예: 입력 수정). 하위 iframe에서 값입니다.

      $('#sunPage').contents().find("#sunP").text("dsssssdd");

jQuery 내용() 메서드: PHP 중국어 온라인 소개 ID #sunP는 하위 iframe의 입력 ID입니다. 🎜🎜##🎜 🎜#
3. 하위 iframe은 상위 iframe의 메서드를 호출합니다

    window.parent.daoYo("asdadasds");

window.parent는 창 개체의 상위 항목을 직접 호출합니다#🎜🎜 # daoYo("asdadasds"); parent 페이지의 메소드 이름, 매개변수를 전달할 수 있습니다.

4, 하위 iframe은 상위 iframe 태그의 데이터를 수정합니다. 예를 들어 상위 iframe의 입력 값을 수정합니다.#🎜🎜 # 이는 말할 필요도 없습니다.

       window.parent.$("#button3").text("ssssssssssss");

관련 권장사항:

iframe 하위, 상위 페이지 인트라 -도메인 및 도메인 간 통신 예

상위 페이지 iframe 높이가 하위 페이지 iframe height_html/css_WEB-ITnose# 🎜🎜#

jquery, js는 iframe 상위 창 및 하위 창 요소의 메서드를 Organisation_jquery으로 호출합니다.

위 내용은 jQuery의 상위 iframe과 하위 iframe 간의 상호 호출 및 값 전달 방법에 대한 간략한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!