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

Can you please clarify what you're asking. I really can't tell. I see no problem in your code. — I Hate Lazy
– I Hate Lazy, Commented Oct 9, 2012 at 17:31
Have you looked at this question? stackoverflow.com/questions/610995/… — Ryan Lynch
– Ryan Lynch, Commented Oct 9, 2012 at 17:31

Community · Accepted Answer · 2017-05-23 10:29:54Z

10

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

edited May 23, 2017 at 10:29

CommunityBot

11 silver badge

answered Oct 9, 2012 at 17:34

Ryan Lynch

7,7861 gold badge28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

udidu · Accepted Answer · 2012-10-09 17:36:20Z

6

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

answered Oct 9, 2012 at 17:36

udidu

8,6167 gold badges53 silver badges69 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related