Cómo acceder al iframe padre desde JavaScript

Bueno, tengo un IFrame, que llama a una misma página de dominio. Mi problema es que quiero acceder a cierta información de este Iframe principal desde esta página llamada (desde JavaScript). ¿Cómo puedo acceder a este Iframe?

Detalles: Hay varios Iframes como este, que pueden tener la misma página cargada, porque estoy programando un entorno de Windows. Tengo la intención de cerrar este Iframe, por eso necesito saber cuál debo cerrar desde su interior. Tengo una matriz que mantiene referencias a estos Iframes.

EDITAR: los iframes se generan dinámicamente

También puede establecer el nombre y la ID en valores iguales

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

así podrá usar el siguiente código dentro de la página secundaria

parent.document.getElementById(window.name);

Simplemente llame window.frameElementdesde su página enmarcada. Si la página no está enmarcada, frameElementlo estará null.

La otra forma (obtener el elemento de ventana dentro de un marco es menos trivial) pero por razones de integridad:

/**
 * @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;
}

Recomendaría usar la API postMessage .

En su iframe, llame a:

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

En la página que incluye el iframe, puede escuchar eventos como este:

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

    }, false);

Por cierto, también es posible hacer llamadas a otras ventanas, y no solo iframes.

Lea más sobre la API postMessage en el blog de John Resigs aquí

Antigua pregunta, pero acabo de tener este mismo problema y encontré una manera de obtener el iframe. Es simplemente una cuestión de iterar a través de la matriz frames [] de la ventana principal y probar la ventana contentWindow de cada marco contra la ventana en la que se está ejecutando su código. Ejemplo:

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

O, usando jQuery:

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

Este método guarda la asignación de una ID a cada iframe, lo cual es bueno en su caso, ya que se crean dinámicamente. No pude encontrar una forma más directa, ya que no puede obtener el elemento iframe usando window.parent: va directamente al elemento de la ventana principal (omitiendo el iframe). Por lo tanto, recorrerlos parece ser la única forma, a menos que desee usar ID.

puede usar parentpara acceder a la página principal. Entonces para acceder a una función sería:

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

Una vez que se establece el id del iframe, puede acceder al iframe desde el documento interno como se muestra a continuación.

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

Funciona bien en IE, Chrome y FF.

Tal vez solo use

window.parent

en su iframe para obtener el marco de llamada / ventanas. Si tenía un marco de llamada múltiple, puede usar

window.top

Pruebe esto, en su marco principal configure IFRAME como este:

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

Tenga en cuenta que la identificación de cada fotograma se pasa como un ancla en el src.

luego, en su html interno, puede acceder a la identificación del marco en el que se carga a través de location.hash:

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

entonces puede acceder a parent.document.getElementById () para acceder a la etiqueta iframe desde dentro del 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;
}