Run Javascript code from external .js file on button click

Question

Here is what i want to do.
Normally we can call javascript functions on different event, button clicks within the page provided that script is already in the page (may be in head section) or it has been loaded in the head section from external js file on load time.

Is it possible to load an external js file not when the page loads but at a later stage when (say) a button is clicked.

I know this is easily possible in JQuery:

$.getScript("url to js file", function(){});

But i want to know how can we do the same using simple javascript within the page without JQuery?

tomconte · Accepted Answer · 2011-06-08 10:54:38Z

1

Dynamically create the script element :

<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="other.js";
oHead.appendChild( oScript);
</script>

answered Jun 8, 2011 at 10:54

tomconte

1,0208 silver badges12 bronze badges

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

Comments

Magnar · Accepted Answer · 2011-06-08 10:52:16Z

1

You do it like this:

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'helper.js';
head.appendChild(script);

answered Jun 8, 2011 at 10:52

Magnar

28.9k8 gold badges62 silver badges66 bronze badges

Comments

Rafay · Accepted Answer · 2011-06-08 10:47:09Z

0

<script language="javascript">
document.write("<script src='other.js'><\/script>");
</script>

other options are here

answered Jun 8, 2011 at 10:47

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

1 Comment

Magnar Over a year ago

Using document.write after the page has loaded will result in the entire page being replaced, so that's bad advice for a button event.

Collectives™ on Stack Overflow

Run Javascript code from external .js file on button click

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related