상위 페이지에서 iFrame의 JavaScript 기능에 어떻게 액세스할 수 있습니까?

상위 페이지에서 iFrame의 JavaScript 코드에 액세스

상위 페이지에서 포함된 iFrame 내의 JavaScript 코드를 호출하는 것은 일반적인 문제일 수 있습니다. . iFrame 내에서 상위 페이지와 상호 작용하는 기능은 간단하지만 상위 페이지에서 iFrame에 정의된 기능에 액세스하려면 다른 접근 방식이 필요합니다.

해결책:

이를 달성하려면 다음 기술을 활용할 수 있습니다.

1. iFrame을 식별합니다. ID 및 함수 이름:
   iFrame에 고유 ID가 있고 호출하려는 함수에 특정 이름이 있는지 확인하세요.

2. 콘텐츠 창 가져오기:
   document.getElementById() 메소드를 사용하여 ID로 특정 iFrame을 대상으로 지정하고 해당 contentWindow를 검색합니다. 속성:

   const contentWindow = document.getElementById('iFrameID').contentWindow;

3. 함수 호출:
   iFrame의 콘텐츠 창이 있으면 다음을 호출하여 원하는 함수를 호출할 수 있습니다.

   contentWindow.functionName();

예를 들어 iFrame의 ID가 "targetFrame"이고 호출하려는 함수가 targetFunction()인 경우 다음을 사용합니다.

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

대체 방법:

또는 콘텐츠에 액세스할 수 있습니다. window.frames를 사용하는 iFrame 창:

 // This option may not work in the latest versions of Chrome and Firefox.
window.frames[0].frameElement.contentWindow.targetFunction();

위 내용은 상위 페이지에서 iFrame의 JavaScript 기능에 어떻게 액세스할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!