Chiamare una funzione all'interno di un iframe dall'esterno dell'iframe

Question

Ho una pagina con un iframe. All'interno di quella iframe Ho una funzione javascript come questo:

function putme() {}

Come posso chiamare questa funzione nella pagina principale?

Answer 1

Se l'iframe si trova in un dominio diverso rispetto alla pagina esterna, con molta difficoltà o per niente.

In generale, il browser impedisce a javascript di accedere al codice da un dominio diverso, ma se si controllano entrambe le pagine, ci sono alcuni hack per far funzionare qualcosa. Più o meno.

Ad esempio, è possibile modificare il frammento dell'URL di iFrame da quello esterno, eseguire il polling del frammento dall'iframe e chiamare tale funzione. C'è un trucco simile con il nome della finestra.

Answer 2

È possibile accedere al iframe con il suo nome:

foo.putme(); 

funzioni dichiarate a livello globale all'interno della pagina iframe diventeranno membri dell'oggetto finestra per quel iframe. È possibile accedere all'oggetto della finestra dell'iframe con il nome dell'iframe.

Per far funzionare tutto questo, il vostro iframe deve avere un attributo name:

<iframe name="foo" ...> 

Inoltre, la pagina principale e la pagina iframe dovrebbe essere dello stesso dominio.

Answer 3

Assegna al fotogramma un nome e un ID, entrambi identici. window.frameNameOrId_.functionName()

Entrambi i telai devono essere nello stesso dominio (anche se ci sono modi per aggirare questo per misura limitata)

Answer 4

Sul set di frame, specificare un nome per il telaio e nella pagina principale si può accedere al frame con il nome specificato:

window. [FrameName] .putme();

Answer 5

window.frames['frameName'].putme(); 

Si noti che questo di solito funziona solo se l'iframe si riferisce a una pagina nello stesso dominio. I browser limitano l'accesso alle pagine all'interno di frame che appartengono a un dominio diverso per motivi di sicurezza.

Answer 6

Per una maggiore robustezza:

function getIframeWindow(iframe_object) { 
    var doc; 

    if (iframe_object.contentWindow) { 
    return iframe_object.contentWindow; 
    } 

    if (iframe_object.window) { 
    return iframe_object.window; 
    } 

    if (!doc && iframe_object.contentDocument) { 
    doc = iframe_object.contentDocument; 
    } 

    if (!doc && iframe_object.document) { 
    doc = iframe_object.document; 
    } 

    if (doc && doc.defaultView) { 
    return doc.defaultView; 
    } 

    if (doc && doc.parentWindow) { 
    return doc.parentWindow; 
    } 

    return undefined; 
} 

e

... 
var el = document.getElementById('targetFrame'); 

getIframeWindow(el).putme(); 
... 

Answer 7

questo può essere fatto con JavaScript:

window.top.location.href = url; 

funziona perfettamente in tutti i principali browser.