Come faccio a fare riferimento all'oggetto documento di un <iframe> dalla pagina padre, usando jQuery?

Question

Sto tentando di accedere all'oggetto documento di una pagina che risiede in un iframe dalla pagina host >. In altre parole, ho una pagina che ha un iframe > in esso, e voglio usare jQuery su quella pagina (la pagina madre) per accedere all'oggetto documento di quell'ifframe < >.

In particolare, sto cercando di trovare l'altezza del < iframe documento > d una volta il suo contenuto viene reso (onload) in modo che possa poi ridimensionare il <iframe> dalla pagina padre per abbinare l'altezza della <iframe> contenuto esattamente.

Se è importante, questo iflame < viene creato nella pagina host utilizzando JavaScript e si trova nello stesso dominio della pagina padre. Uso già questo tipo di codice:

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

per popolare il <iframe> con i contenuti, ma non so la sintassi esatta per ottenere la 's iframe > oggetto documento <.

Per qualche motivo sto trovando molti modi per accedere all'oggetto documento del genitore da un <iframe> (la maggior parte con semplice JavaScript), ma non viceversa.

Grazie in anticipo per qualsiasi aiuto!

Answer 1

Ci sono molti modi per fornire l'accesso a iframe:

Per esempio, abbiamo questa pagina HTML:

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

E JS:

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