iframe 하위 및 상위 페이지_javascript 기술에서 js 함수를 호출하는 예

1. iframe 하위 페이지는 상위 페이지 js 함수를 호출합니다

하위 페이지는 상위 페이지 함수를 호출하기 위해 window.praent만 작성하면 됩니다. 예를 들어 a() 함수를 호출하려면 다음과 같이 작성합니다.

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

window.parent.a();

하위 페이지는 상위 페이지의 태그 값을 사용합니다. ",

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

window.parent.document .getElementById("test").value;

jQuery 메서드의 경우:

$(window.parent.document).contents().find("test").val();

그런데 크롬브라우저에서 찾았네요. 이 방법은 무효입니다! 오랫동안 확인한 결과, 크롬 5에서는 window.parent가 file:// 프로토콜에서는 실행이 안 되었는데, 출시 후에는 http:// 프로토콜에서 실행이 가능하다는 사실을 알게 되었습니다. 이 방법은 IE 및 Firefox 브라우저를 지원합니다.


2. iframe 상위 페이지는 하위 페이지 js 함수를 호출합니다.

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

다음 방법은 IE 및 Firefox 브라우저를 지원합니다.

document.getElementById('ifrtest').contentWindow.b ();

하위 페이지는 상위 페이지의 태그 값을 사용합니다. 예를 들어 태그의 ID는 "test"인 경우

document.getElementById("test")입니다. .value;

참고: ifrtest는 iframe의 ID이고 b()는 하위 페이지 js 함수입니다. contentWindow 속성은 지정된 프레임이나 iframe이 위치한 윈도우 객체로, IE에서는 생략 가능합니다.