JavaScript에서 iFrame 요소에 액세스

JavaScript의 복잡함을 탐색하는 것은 특히 iFrame을 처리할 때 종종 어려울 수 있습니다. 하위 페이지에서 iFrame 내에 있는 텍스트 영역의 값을 검색하려고 할 때 일반적인 문제가 발생합니다. 이 점에서 기존 방법은 부족합니다.

해결책을 자세히 살펴보려면 브라우저에 부과된 보안 제약을 인정하는 것이 중요합니다. iFrame과 해당 하위 페이지가 동일한 도메인을 공유하는 경우 JavaScript의 window.frames 컬렉션을 통해 액세스 권한이 부여됩니다. 이 접근 방식을 사용하면 iFrame 요소가 상위 페이지 문서 개체의 일부인 것처럼 상호 작용할 수 있습니다.

// substitute myIFrame with your iFrame ID
// replace myIFrameElemId with your iFrame's element ID
// interact with window.frames['myIFrame'].document as you would with the parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

그러나 iFrame의 도메인이 상위 페이지와 다른 경우 보안 조치는 "동일"로 인해 프레임 내의 요소에 대한 무단 액세스를 방지합니다. -원산지 정책."