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

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

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

window.parent.a();

하위 페이지는 상위 페이지의 태그 값을 사용합니다. 예를 들어 태그의 ID는 "test입니다. ", 다음:

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

jQuery方法为： 

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

그런데 이 방법이 크롬 브라우저에서는 유효하지 않은 것으로 나타났습니다! 오랫동안 확인한 결과 Chrome 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에서는 생략 가능합니다.

iframe 하위 및 상위 페이지에 대한 js 함수 호출의 더 많은 예를 보려면 PHP 중국어 웹사이트에 주목하세요!