Come accedere a Iframe principale da JavaScript

Bene, ho un IFrame, che chiama una stessa pagina di dominio. Il mio problema è che voglio accedere ad alcune informazioni da questo Iframe principale da questa pagina chiamata (da JavaScript). Come posso accedere a questo Iframe?

Dettagli: Esistono diversi Iframe come questo, che possono avere la stessa pagina caricata, perché sto programmando un ambiente Windows. Ho intenzione di chiudere questo Iframe, ecco perché devo sapere quale dovrei chiudere dentro di lui. Ho un array che mantiene i riferimenti a questi Iframe.

EDIT: lì iframe sono generati dinamicamente

Inoltre è possibile impostare nome e ID su valori uguali

<iframe id="frame1" name="frame1" src="any.html"></iframe>

così sarai in grado di usare il prossimo codice all'interno della pagina figlio

parent.document.getElementById(window.name);

Chiama semplicemente window.frameElementdalla tua pagina incorniciata. Se la pagina non è in una cornice, allora frameElementlo sarànull .

L'altro modo (ottenere l'elemento della finestra all'interno di una cornice è meno banale) ma per completezza:

/**
 * @param f, iframe or frame element
 * @return Window object inside the given frame
 * @effect will append f to document.body if f not yet part of the DOM
 * @see Window.frameElement
 * @usage myFrame.document = getFramedWindow(myFrame).document;
 */
function getFramedWindow(f)
{
    if(f.parentNode == null)
        f = document.body.appendChild(f);
    var w = (f.contentWindow || f.contentDocument);
    if(w && w.nodeType && w.nodeType==9)
        w = (w.defaultView || w.parentWindow);
    return w;
}

Consiglierei di usare l' API postMessage .

Nel tuo iframe, chiama:

window.parent.postMessage({message: 'Hello world'}, 'http://localhost/');

Nella pagina includi l'iframe puoi ascoltare eventi come questo:

window.addEventListener('message', function(event) {
      if(event.origin === 'http://localhost/')
      {
        alert('Received message: ' + event.data.message);
      }
      else
      {
        alert('Origin not allowed!');
      }

    }, false);

A proposito, è anche possibile effettuare chiamate verso altre finestre e non solo iframe.

Maggiori informazioni sull'API postMessage sul blog di John Resigs qui

Vecchia domanda, ma ho appena avuto lo stesso problema e ho trovato un modo per ottenere l'iframe. Si tratta semplicemente di scorrere attraverso l'array dei frame della finestra principale [] e di testare la finestra del contenuto di ciascun frame rispetto alla finestra in cui è in esecuzione il codice. Esempio:

var arrFrames = parent.document.getElementsByTagName("IFRAME");
for (var i = 0; i < arrFrames.length; i++) {
  if (arrFrames[i].contentWindow === window) alert("yay!");
}

Oppure, usando jQuery:

parent.$("iframe").each(function(iel, el) {
  if(el.contentWindow === window) alert("got it");
});

Questo metodo consente di salvare l'assegnazione di un ID a ciascun iframe, il che è positivo nel tuo caso in quanto sono creati dinamicamente. Non sono riuscito a trovare un modo più diretto, dal momento che non è possibile ottenere l'elemento iframe usando window.parent: va direttamente all'elemento della finestra padre (saltando l'iframe). Quindi il loro ciclo sembra l'unico modo, a meno che tu non voglia usare gli ID.

puoi usare parentper accedere alla pagina principale. Quindi per accedere a una funzione sarebbe:

var obj = parent.getElementById('foo');

Una volta impostato l'id di iframe, è possibile accedere a iframe dal documento interno come mostrato di seguito.

var iframe = parent.document.getElementById(frameElement.id);

Funziona bene su IE, Chrome e FF.

Forse basta usare

window.parent

nel tuo iframe per ottenere il frame / windows chiamante. Se hai avuto più frame di chiamata, puoi usare

window.top

Prova questo, nel tuo frame genitore imposta i tuoi IFRAME in questo modo:

<iframe id="frame1" src="inner.html#frame1"></iframe>
<iframe id="frame2" src="inner.html#frame2"></iframe>
<iframe id="frame3" src="inner.html#frame3"></iframe>

Si noti che l'id di ogni frame viene passato come ancora nell'src.

quindi nel tuo html interno puoi accedere all'ID del frame in cui è caricato tramite location.hash:

<button onclick="alert('I am frame: ' + location.hash.substr(1))">Who Am I?</button>

quindi puoi accedere a parent.document.getElementById () per accedere al tag iframe dall'interno dell'iframe

// just in case some one is searching for a solution
function get_parent_frame_dom_element(win)
{
    win = (win || window);
    var parentJQuery = window.parent.jQuery;
    var ifrms = parentJQuery("iframe.upload_iframe");
    for (var i = 0; i < ifrms.length; i++)
    {
        if (ifrms[i].contentDocument === win.document)
            return ifrms[i];
    }
    return null;
}