Skip to main content
Se agregó solución a pregunta adicional
Origen Enlace
Niche
  • 1.4k
  • 7
  • 15

Si se puede. Debes llamar al iFrame usando su ID, y llamando el objeto contentWindow de ese iframe:

###HTML:

<button type="button" id="boton">Boton fuera del iframe</button>
<iframe id="iframe1" width="200" height="200">
    <head>
       <body>Esto <script>functiones alerta(texto)un {alert(texto);}<iframe</script>body>
    </head>iframe>
   

###JS:

function <body>agregarScriptEnIframe(){
    let scriptNuevo = document.createElement('script');
 Esto es un iframescriptNuevo.setAttribute('src','script_iframe.js');
    </body>document.getElementById('iframe1').contentWindow.document.body.appendChild(scriptNuevo);
</iframe>}

###JS:

 
document.getElementById('boton').addEventListener('click',function(){
    document.getElementById('iframe1').contentWindow.alerta('Esta alerta del iframe se llamó desde afuera del iframe');
});

###script_iframe.js:

function alerta(texto){
    alert(texto);
}

Si se puede. Debes llamar al iFrame usando su ID, y llamando el objeto contentWindow de ese iframe:

###HTML:

<button type="button" id="boton">Boton fuera del iframe</button>
<iframe id="iframe1" width="200" height="200">
    <head>
        <script>function alerta(texto) {alert(texto);}</script>
    </head>
    <body>
        Esto es un iframe
    </body>
</iframe>

###JS:

document.getElementById('boton').addEventListener('click',function(){
    document.getElementById('iframe1').contentWindow.alerta('Esta alerta del iframe se llamó desde afuera del iframe');
});

Si se puede. Debes llamar al iFrame usando su ID, y llamando el objeto contentWindow de ese iframe:

###HTML:

<button type="button" id="boton">Boton fuera del iframe</button>
<iframe id="iframe1" width="200" height="200">
    <body>Esto es un iframe</body>
</iframe>

###JS:

function agregarScriptEnIframe(){
    let scriptNuevo = document.createElement('script');
    scriptNuevo.setAttribute('src','script_iframe.js');
    document.getElementById('iframe1').contentWindow.document.body.appendChild(scriptNuevo);
}
 
document.getElementById('boton').addEventListener('click',function(){
    document.getElementById('iframe1').contentWindow.alerta('Esta alerta del iframe se llamó desde afuera del iframe');
});

###script_iframe.js:

function alerta(texto){
    alert(texto);
}
Origen Enlace
Niche
  • 1.4k
  • 7
  • 15

Si se puede. Debes llamar al iFrame usando su ID, y llamando el objeto contentWindow de ese iframe:

###HTML:

<button type="button" id="boton">Boton fuera del iframe</button>
<iframe id="iframe1" width="200" height="200">
    <head>
        <script>function alerta(texto) {alert(texto);}</script>
    </head>
    <body>
        Esto es un iframe
    </body>
</iframe>

###JS:

document.getElementById('boton').addEventListener('click',function(){
    document.getElementById('iframe1').contentWindow.alerta('Esta alerta del iframe se llamó desde afuera del iframe');
});