jQuery를 사용하여 부모 페이지에서 <iframe>의 문서 객체를 어떻게 참조 할 수 있습니까?

Question

<iframe> 호스트 페이지에있는 페이지의 문서 개체에 액세스하려고합니다. 즉, 나는 iframe >이있는 페이지를 가지고 있으며 해당 페이지 (부모 페이지)에서 해당 <iframe>의 문서 개체에 액세스하기 위해 jQuery를 사용하고 싶습니다. 그 내용은 (온로드) 렌더링되면 내가 다음 <의 높이를 일치하도록 부모 페이지에서 < iframe을 > 크기를 조정할 수 있도록

특히, 나는 < iframe을 > D 문서의 높이를 찾기 위해 노력하고있어 iframe >의 콘텐츠.

중요한 점은이 <iframe>은 JavaScript를 사용하여 호스트 페이지에 만들어지고 부모 페이지와 동일한 도메인에있는 것입니다.

$('iframe').contents().find('body').append('<p>content</p>'); 

콘텐츠로 <은 iframe >를 채울 수 있지만, 나는 < iframe을 >의 문서 객체를 얻기위한 정확한 구문을 모르는 : 난 이미 코드의이 유형을 사용합니다.

어떤 이유로 인해 <iframe> (대부분은 일반 자바 스크립트 사용) 내에서 부모 문서 개체에 액세스 할 수있는 방법이 많이 있지만 그 반대의 방법은 없습니다.

미리 도움을 청하십시오!

예를 들어, 우리는이 HTML 페이지가 :

<iframe name="my_frame_name" id="my_frame_id">

과 JS :

Answer 1

은 iframe에 액세스 할 수있는 방법은 여러 가지가있다

frames[0] == frames['my_frame_name'] == document.getElementById('my_frame_id').contentWindow // true