하위 Iframe 내의 JavaScript에서 상위 Iframe에 액세스하는 방법은 무엇입니까?

JavaScript에서 상위 Iframe 액세스

웹 개발에서는 동일하거나 다른 도메인의 프레임 간에 통신하고 데이터에 액세스해야 하는 경우가 많습니다. . 이 문서에서는 페이지에 iframe이 삽입되어 있고 iframe 콘텐츠 내의 JavaScript에서 상위 iframe에 액세스해야 하는 특정 시나리오를 살펴봅니다.

다음과 같은 몇 가지 추가 세부정보를 제공합니다.

• 상위 iframe은 하위 iframe과 동일한 도메인에 있습니다.
• 여러 iframe에 동일한 페이지가 포함될 수 있습니다.
• 목표는 iframe 내에서 현재 iframe을 닫는 것입니다. content.

이 요구 사항을 해결하기 위해 고려할 수 있는 몇 가지 접근 방식이 있습니다.

Window.opener 사용

이 속성은 다음을 제공합니다. 현재 창을 연 창에 대한 참조입니다. 상위 iframe이 하위 iframe을 연 경우 window.opener를 사용하여 상위 iframe의 창 객체에 액세스하고 해당 DOM을 조작할 수 있습니다.

// Get the parent iframe's window object
var parentWindow = window.opener;

상위 IFrame 사용

또 다른 옵션은 iframe 문서 객체의 상위 속성을 사용하는 것입니다. 이 속성은 상위 문서에 대한 참조를 제공하며, 이는 상위 iframe의 창 객체에 대한 액세스를 제공합니다.

// Get the parent iframe's window object
var parentWindow = parent.window;

이름 및 ID 할당

설정할 수 있습니다. iframe의 name 및 id 속성을 모두 동일한 값으로 설정합니다. 이를 통해 parent.document.getElementById(window.name)를 사용하여 하위 iframe 내에서 상위 iframe의 요소를 검색할 수 있습니다.

<iframe>

// Get the parent iframe's window object
var parentWindow = parent.document.getElementById(window.name);

이러한 기술을 이해하면 액세스하고 상호 작용할 수 있습니다. 하위 iframe 내에서 JavaScript의 상위 iframe을 사용하여 iframe 닫기, 특정 데이터 검색 등 원하는 기능을 구현할 수 있습니다.

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