웹 애플리케이션 내에 캡슐화된 iframe은 삽입된 콘텐츠를 위한 격리된 컨테이너 역할을 합니다. 그러나 상위 iframe에서 정보에 액세스하는 것은 어려울 수 있습니다. 이 블로그 게시물에서는 상위 iframe에 액세스하고 JavaScript에서 해당 콘텐츠를 조작하는 방법을 살펴봅니다.
동적으로 생성된 여러 iframe이 페이지에 존재하는 시나리오가 있습니다. 각 iframe은 동일한 페이지를 로드합니다. 우리의 목표는 프로그래밍 방식으로 특정 iframe을 닫는 것입니다. 이를 달성하려면 로드된 페이지 내에서 상위 iframe을 식별해야 합니다.
상위 iframe에 액세스하려면 다음 접근 방식을 활용할 수 있습니다.
이 코드는 하위 항목과 일치하는 ID를 가진 iframe 요소를 검색합니다. 페이지의 이름 속성은 상위 항목과 동일하게 설정됩니다.
이제 이 방법을 사용하면 상위 iframe을 닫거나 콘텐츠를 변경하는 등 필요에 따라 상위 iframe을 조작할 수 있습니다.
위 내용은 JavaScript로 캡슐화된 하위 프레임 내에서 상위 iframe에 어떻게 액세스하고 조작할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!