> 웹 프론트엔드 > JS 튜토리얼 > iFrame 내부에서 상위 창 기능에 어떻게 액세스할 수 있나요?

iFrame 내부에서 상위 창 기능에 어떻게 액세스할 수 있나요?

Susan Sarandon
풀어 주다: 2024-12-01 21:26:12
원래의
944명이 탐색했습니다.

How Can I Access Parent Window Functions from Inside an iFrame?

iFrame 내에서 상위 창 기능에 액세스

iFrame으로 작업할 때 개발자는 종종 iframe에서 상위 창과 상호 작용해야 합니다. 여기에는 iframe 내에서 상위 창에 정의된 JavaScript 함수를 호출하는 작업이 포함됩니다.

특정 함수 호출

특정 상위 창 함수를 호출하려면 다음 구문을 사용하세요.

<button onclick="parent.functionName();">Call Parent Function</button>
로그인 후 복사

예제에서 iFrame 내에서 abc() 함수를 호출하려면 하이퍼링크를 다음과 같이 수정하세요. 다음은 다음과 같습니다.

<a onclick="parent.abc();" href="#">Call Me</a>
로그인 후 복사

부모 속성 이해

JavaScript의 부모 속성은 현재 창 또는 하위 프레임의 부모 창을 나타냅니다. 현재 창에 부모가 없으면 부모 속성은 창 자체를 참조합니다.

iFrame이 부모 창 내에 로드되면 iFrame의 부모 속성은 부모 창을 참조합니다. 이를 통해 iframe 내의 스크립트가 상위 창의 기능과 속성에 액세스할 수 있습니다.

추가 리소스

iframe에서 상위 창에 액세스하는 방법에 대한 자세한 내용은 다음을 참조하세요. 다음 리소스:

  • [window.parent](https://developer.mozilla.org/en-US/docs/Web/API/Window/parent)
  • [부모 호출 중 창 방법 Iframes](https://www.c-sharpcorner.com/Blogs/calling-parent-window-methods-from-iframes)

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿