come posso caricare <script> in un iframe?

Question

Ho la logica di funzionamento per aggiungere nel mio iframe dal genitore

questo funziona:

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

questo non lo fa

$('#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>');  
}); 

.lf

Il il problema è qualcosa a che fare con i tag script inseriti che non vengono sottoposti correttamente a escape. La metà del javascript è visibile in html, come il primo tag script è stato interrotto bruscamente.

Answer 1

Forse l'errore è con la stringa, non creare mai una stringa in javascript con un valore letterale </script> in esso.

$('#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

Sono un po 'sorpreso che non funziona[Edit:. Non è più affatto sorpreso, vedere mtrovo's answer] ... ma ecco quello che faccio, che è in gran parte non jQuery secondo il vostro commento qui sotto, ma ancora piuttosto 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); 

Off-topic: ho davvero non darei un iframe (o qualsiasi altra cosa) l'ID "iframe". Sembra proprio che stia chiedendo dei guai (IE ha dei problemi nello spazio dei nomi, e anche se non ne sono a conoscenza confondendo nomi di tag e ID, non ne sarei completamente scioccato). Ho usato "theframe" sopra invece.

Answer 3

Attenzione: lo script di carico in questo modo renderebbe gli script in esecuzione nel contesto finestra principale cioè .: se si utilizza la finestra da somescript.js, sarebbe finestra non di iframe!

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

Per poter utilizzare lo script iniettare contesto iframe con questo:

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'); 
}