comment puis-je charger <script> dans un iframe?

Question

J'ai la logique de travail à ajouter dans mon iframe du parent

cela fonctionne:

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

cela ne

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

Le Le problème est lié aux balises de script insérées qui ne sont pas correctement échappées. La moitié du javascript est visible dans le code HTML, comme la première balise de script a été brusquement terminée.

Answer 1

Peut-être l'erreur est avec votre chaîne, ne jamais créer une chaîne en javascript avec un littéral </script> dedans.

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

Je suis un peu surpris qui ne fonctionne pas[Edit:. Pas plus surpris du tout, voir mtrovo's answer] ... mais voici ce que je fais, qui est la plupart du temps non jQuery par votre commentaire ci-dessous, mais encore assez bref:

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

hors-sujet: Je vraiment ne donnerais pas un iframe (ou quoi que ce soit d'autre) l'ID « iframe ». Cela a l'air de demander des ennuis (IE a des problèmes d'espace de noms, et même si je ne suis pas au courant des noms de balises et des ID confus, je ne serais pas complètement choqué). J'ai utilisé "theframe" ci-dessus à la place.

Answer 3

Attention: script de chargement de cette manière serait d'exécuter des scripts dans le principal contexte de la fenêtre i.e. .: si vous utilisez la fenêtre de somescript.js, il serait pas la fenêtre iframe!

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

Pour pouvoir utiliser script inject contexte iframe avec ceci:

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