Load external Javascript on function call

Question

I would like to know how to load an external Javascript into my document from a function.

Chuck Le Butt · Accepted Answer · 2018-05-08 11:56:19Z

19

This is one way:

function loadDaFun() {
   var script = document.createElement('script');
   script.src = '/path/to/your/script.js';
   var head = document.getElementsByTagName("head")[0];
   head.appendChild(script);
}

edited May 8, 2018 at 11:56

Chuck Le Butt

49k62 gold badges213 silver badges299 bronze badges

answered Sep 3, 2009 at 20:23

seth

37.3k7 gold badges63 silver badges58 bronze badges

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

1 Comment

Dan Beam Over a year ago

type's not necessary, makes no difference (by the way)

Community · Accepted Answer · 2017-05-23 11:47:08Z

The @seth's answer is completely right, but you don't need to leave the inserted script element on the DOM, you can remove it just after it is loaded, and also you might want to know when the inserted script is ready to use, for example you can:

function loadScript(url, completeCallback) {
   var script = document.createElement('script'), done = false,
       head = document.getElementsByTagName("head")[0];
   script.src = url;
   script.onload = script.onreadystatechange = function(){
     if ( !done && (!this.readyState ||
          this.readyState == "loaded" || this.readyState == "complete") ) {
       done = true;
       completeCallback();

      // IE memory leak
      script.onload = script.onreadystatechange = null;
      head.removeChild( script );
    }
  };
  head.appendChild(script);
}

Usage:

loadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js",
            function () { alert('jQuery has been loaded.'); });

Collectives™ on Stack Overflow

Load external Javascript on function call

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related