Jak odwołać się do obiektu dokumentu <iframe> ze strony nadrzędnej za pomocą jQuery?

Question

Próbuję uzyskać dostęp do obiektu dokumentu strony, która znajduje się w <iframe> ze strony hosta. Innymi słowy, mam stronę, która ma w sobie <iframe> i chcę użyć jQuery na tej stronie (stronie nadrzędnej), aby uzyskać dostęp do obiektu dokumentu o tej <iframe>.

Konkretnie, Próbuję znaleźć wysokość < iframe dokumentu > d raz jej zawartość jest wyświetlana (onload) tak, że można następnie zmienić rozmiar <iframe> od strony nadrzędnej, aby dopasować wysokość <iframe> - zawartość dokładnie.

Jeśli jest to ważne, to <iframe> jest tworzone na stronie hosta przy użyciu JavaScript i znajduje się w tej samej domenie, co strona nadrzędna. I już korzystać z tego typu kodu:

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

aby zapełnić <iframe> z treści, ale nie znam dokładnej składni dla uzyskania <iframe> „s obiektu dokumentu.

Z jakiegoś powodu znajduję wiele sposobów na dostęp do obiektu dokumentu rodzica z poziomu <iframe> (większość z prostym JavaScript), ale nie na odwrót.

Z góry dziękuję za pomoc!

Answer 1

Istnieje wiele sposobów można uzyskać dostęp do iframe:

Na przykład, mamy tę stronę html:

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

i JS:

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