>  기사  >  웹 프론트엔드  >  JavaScript에서 상위 Iframe에 액세스하는 방법은 무엇입니까?

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

Susan Sarandon
Susan Sarandon원래의
2024-11-06 00:59:02835검색

How to Access Parent Iframe from JavaScript?

JavaScript에서 상위 Iframe 액세스

웹 개발에서는 로드된 페이지에서 상위 iframe과 상호 작용해야 할 수도 있습니다. 이는 JavaScript를 사용하여 달성할 수 있으며 상위 프레임에서 정보를 조작하거나 검색할 수 있습니다.

동적으로 생성된 콘텐츠가 포함된 여러 iframe이 로드되는 시나리오를 고려해 보겠습니다. 각 iframe에는 동일한 페이지가 포함될 수 있지만 특정 목적을 위해서는 어떤 iframe을 닫아야 하는지 식별하는 것이 중요합니다. 이를 위해 이러한 iframe에 대한 참조를 유지하는 배열이 유지됩니다.

로드된 페이지에서 상위 iframe에 액세스하려면 다음 접근 방식을 활용할 수 있습니다.

  1. iframe에 고유 ID 및 이름 할당:
    iframe의 id 및 name 속성을 모두 동일하게 설정 value.

    <iframe>
  2. 로드된 페이지에서 상위 프레임 검색:
    하위 페이지(즉, iframe 내부에 로드된 페이지) 내에서 부모에 액세스하는 다음 코드 iframe:

    parent.document.getElementById(window.name);

이 방법을 따르면 하위 페이지와 상위 iframe 사이에 연결을 설정하여 iframe을 조작하거나 프로그래밍 방식으로 정보를 수집할 수 있습니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.