Condivisione della variabile javascript globale di una pagina con un iframe all'interno di quella pagina

Question

Ho uno scenario in cui ho una pagina, che contiene il tag <script> e alcune variabili javascript globali al suo interno. Ho anche un iframe all'interno di quella pagina e voglio avere accesso alle variabili javascript globali della pagina in iframe.

È possibile ?, se sì, come posso farlo?

Answer 1

Facilmente chiamando parent.your_var_name nello script del tuo iframe.

Una condizione: entrambe le pagine (principale e iframe) devono trovarsi nello stesso dominio.

pagina principale:

<script> 
var my_var = 'hello world!'; 
</script> 

iframe

<script> 
    function some_fn(){ 
    alert(parent.my_var); //helo world! 
    } 
</script> 

Answer 2

non è possibile se l'iframe e il documento principale non sono nello stesso dominio (a causa della politica di sicurezza croce di dominio).

Per ignorare questa limitazione è possibile utilizzare la messaggistica interdominio.

Possibile se iframe un documento principale si trova nello stesso dominio, è possibile accedere alle loro variabili globali. Ci sono oggetti che appartengono all'oggetto window dell'iframe o della pagina principale.

Ecco il codice per accedere alla variabile iframe myvar dal documento principale (o un iframe) in uno stesso dominio:

document.getElementById('iframeid').contentWindow['myvar'];