document.createElement('script').src = variable? is it possible?

Question

Is it possible to create something that similar to:

var jsfile = "code....";
(a=(b=document).createElement('script')).src=jsfile;
b.body.appendChild(a);

where 'jsfile' is like an external js file but in our case will be a variable?

All of my tests failed and I succeeded to get the input of 'jsfile' but if there were function inside of obj (remember I want it to preform like an external js file) they didn't executed.

example for a test:

var jsfile = "code....";
(a=(b=document).createElement('script')).text=(jsfile);
b.body.appendChild(a);

Answer 1

Try setting a type on the script element, like so (taken from Can't append <script> element):

var script   = document.createElement("script");
script.type  = "text/javascript";
script.src   = "path/to/your/javascript.js";    // use this for linked script
script.text  = "alert('voila!');"               // use this for inline script
document.body.appendChild(script);

Answer 2

Yes you can, actually, the src attribute is used only for a javascript file path, if you want to render the code you can use the innerText property:

var code = 'alert("working!")';
var script = document.createElement('script');
script.innerText = code;

document.body.appendChild(script);