¿cómo puedo cargar <script> en un iframe?

Question

Tengo la lógica de trabajo para anexar en mi iframe del padre

esto funciona:

$('#iframe').load(function() { 
    $(this).contents().find('#target').append('this text has been inserted into the iframe by jquery');  
}); 

esto no

$('#iframe').load(function() { 
    $(this).contents().find('body').append('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>');  
}); 

dress.LF

El el problema está relacionado con las etiquetas de script insertadas que no se han escapado correctamente. La mitad del javascript se vuelve visible en el html, al igual que la primera etiqueta de script se ha terminado abruptamente.

Answer 1

Quizás el error esté en la cadena, nunca cree una cadena en javascript con un literal </script> en él.

$('#iframe').load(function() { 
    $(this).contents().find('body').append('<scr' + 'ipt type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></scr' + 'ipt>');  
}); 

Answer 2

Estoy un poco sorprendido de que no está funcionando[Editar:. No sorprende ya en absoluto, ver mtrovo's answer] ... pero aquí es lo que hago, que es sobre todo no jQuery por su comentario a continuación, pero todavía bastante breve:

var rawframe = document.getElementById('theframe'); 
var framedoc = rawframe.contentDocument; 
if (!framedoc && rawframe.contentWindow) { 
    framedoc = rawframe.contentWindow.document; 
} 
var script = doc.createElement('script'); 
script.type = "text/javascript"; 
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"; 
framedoc.body.appendChild(script); 

fuera de tema: me realmente no daría un iframe (o cualquier otra cosa) el ID "iframe". Parece que está causando problemas (IE tiene problemas con el espacio de nombres, y aunque no me consta que confunda los nombres de las etiquetas y los ID, no me sorprendería por completo). He usado "theframe" arriba en su lugar.

Answer 3

Advertencia: La escritura de la carga de esta manera haría que las secuencias de comandos se ejecutan en el contexto ventana principal es decir .: si se utiliza la ventana de somescript.js, sería ventana NO de marco flotante!

$('#iframe').load(function() { 
    $(this).contents().find('body').append('<scr' + 'ipt type="text/javascript" src="somescript.js"></scr' + 'ipt>');  
}); 

Para poder utilizar la escritura inyectar contexto iframe con esto:

function insertScript(doc, target, src, callback) { 
    var s = doc.createElement("script"); 
    s.type = "text/javascript"; 
    if(callback) { 
     if (s.readyState){ //IE 
      s.onreadystatechange = function(){ 
       if (s.readyState == "loaded" || 
        s.readyState == "complete"){ 
        s.onreadystatechange = null; 
        callback(); 
       } 
      }; 
     } else { //Others 
      s.onload = function(){ 
       callback(); 
      }; 
     } 
    } 
    s.src = src; 
    target.appendChild(s);   
} 

var elFrame = document.getElementById('#iframe'); 
$(elFrame).load(function(){ 
    var context = this.contentDocument; 
    var frameHead = context.getElementsByTagName('head').item(0); 
    insertScript(context, frameHead, '/js/somescript.js'); 
}