JQuery를 사용하여 iframe 상위 페이지 및 하위 페이지를 작동하는 방법 요약

iframe은 복합 문서에서 자주 사용됩니다. jquery를 사용하여 iframe을 작동하면 효율성이 크게 향상됩니다. 이 기사에서는 주로 JQUERY를 사용하여 IFRAME을 작동하는 방법에 대한 몇 가지 기록을 공유합니다. 아래에서는 할 말이 많지 않으니, 자세한 소개를 살펴보겠습니다. 이 기사에서는 JQuery를 사용하여 iframe 상위 페이지와 하위 페이지의 요소 및 메소드를 작동하는 방법에 대한 관련 정보를 주로 소개합니다. 이 기사는 모든 사람의 학습이나 작업에 대한 특정 참조 학습 가치를 제공합니다. 필요하신 분 아래 에디터와 함께 배워보세요.

첫 번째, iframe에서 상위 페이지의 요소를 찾는 방법:

$('#id', window.parent.document)

두 번째, 상위 페이지의 iframe에서 요소를 가져오는 방법:

$(this).contents().find("#suggestBox")

셋째, 상위 페이지에 정의된 메서드와 변수를 호출합니다. iframe에서 ：

parent.method parent.value

JQUERY, IFRAME 상위 창 및 하위 창 요소를 호출하는 JS 메서드

1. jquery는 다음과 같이 iframe 하위 페이지에서 상위 페이지의 요소 코드를 가져옵니다. 상위 페이지에 있는 iframe 하위 페이지의 요소 코드는 다음과 같습니다.

$("#objid", parent.document)

3.js iframe 하위 페이지에서 상위 페이지 요소를 가져오는 코드는 다음과 같습니다.

$("#objid",document.frames('iframename').document)

4.js 상위 페이지의 iframe 하위 페이지 요소는 다음과 같습니다.

indow.parent.document.getElementByIdx_x("元素id");

5. 하위 클래스 iframe에서 상위 클래스 함수를 호출합니다.

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

관련 권장 사항:

vue 구성 요소에서 iframe 요소를 사용하는 방법의 예

Iframe 웹페이지 내부 탐색 창에 대한 간략한 분석

iframe 속성 사용 방법

위 내용은 JQuery를 사용하여 iframe 상위 페이지 및 하위 페이지를 작동하는 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!