상위 페이지의 Iframe에서 JavaScript 함수를 호출하는 방법은 무엇입니까?

상위 페이지에서 Iframe의 JavaScript 코드 호출

웹 개발에는 포함된 JavaScript 코드와 상호 작용해야 하는 시나리오가 있습니다. 상위 페이지의 iframe 내에서. parent.functionName()을 사용하여 iframe에서 상위 함수를 호출하는 것은 간단하지만 반대 작업은 문제가 됩니다.

해결책

상위 페이지에서 iframe을 사용하려면 다음 코드 조각을 활용할 수 있습니다.

document.getElementById('targetFrame').contentWindow.targetFunction();

targetFrame을 iframe 요소의 ID 또는 이름.

또 다른 옵션은 window.frames 배열을 통해 프레임에 액세스하는 것입니다.

window.frames[0].frameElement.contentWindow.targetFunction();

참고: 두 번째 방법은 그렇지 않을 수도 있습니다. 원본 간 통신 제한으로 인해 최신 버전의 Chrome 및 Firefox에서 작동합니다.

이러한 기술을 활용하면 상위 페이지와 여기에 포함된 iframe을 사용하여 필요에 따라 특정 JavaScript 기능을 호출할 수 있습니다.

위 내용은 상위 페이지의 Iframe에서 JavaScript 함수를 호출하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!