Come aggiungo javascript dinamico al tag head da una stringa, non da un file?

Question

Sto usando Javascript per generare javascript personalizzato aggiuntivo e quindi aggiungerlo al tag HEAD. Il codice qui sotto funziona alla grande aggiungendo un file javascript, ma cosa succede se lo script è in una variabile appena generata?

var scriptTag = document.createElement("script"); 
scriptTag.setAttribute("type", "text/javascript"); 
scriptTag.setAttribute("src", "myfile.js"); 
document.getElementsByTagName("head")[0].appendChild(scriptTag); 

Grazie per l'attenzione.

Answer 1

// script text 
var txt = "alert('foo');"; 

var scriptTag = document.createElement("script"); 
scriptTag.setAttribute("type", "text/javascript"); 

    // append it in a text node 
scriptTag.appendChild(document.createTextNode(txt)); 
document.getElementsByTagName("head")[0].appendChild(scriptTag); 

---

FWIW, non occorre un tag script per questo. È possibile utilizzare invece il costruttore Function.

var txt = "alert('foo');"; 

Function(txt)(); 

Answer 2

var scriptTag = document.createElement("script"); 
scriptTag.setAttribute("type", "text/javascript"); 

scriptTag.innerHTML = "What you want here";///.... 

document.getElementsByTagName("head")[0].appendChild(scriptTag); 

Live DEMO

Answer 3

Entrambe le risposte sembrano ok, specialmente quella di @gdoron.

Ho scritto un semplice esempio nel caso in cui si vuole fare la stessa cosa in jQuery: http://jsfiddle.net/bitoiu/EKpGg/

Snippet:

$(function(){ 

    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    // script.url = 'some valid url'; 
    $('head').append(script); 
});​