How to load a Javascript file without Script tag?

Question

I have a code where I have nested <script> tag, the inner script tag does nothing but loads another Javascript file using src attribute. Because, How in my code, the inner script tag is closing the outer script.

Since I am already inside JavaScript mode, is there a way to load another script without using <script src=""> call?

You can use jQuery's $.getScript method. There are other methods as well. You can refer require.js — Rajesh Dixit
– Rajesh Dixit, Commented Oct 10, 2015 at 10:42

Fletch · Accepted Answer · 2015-10-10 10:37:25Z

10

var js = document.createElement("script");

js.type = "text/javascript";
js.src = "path_to_the_file.js";

document.body.appendChild(js);

but this is asynchronous, so you have to wait until the script is loaded to use it -

var js = document.createElement("script");

js.type = "text/javascript";
js.src = "path_to_the_file.js";

js.onload = function() {
 //Code using this script here
};

document.body.appendChild(js);

answered Oct 10, 2015 at 10:37

Fletch

4901 gold badge4 silver badges16 bronze badges

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

Comments

Stephen Paul · Accepted Answer · 2017-02-24 10:31:26Z

3

Thanks @Fletch, my ES2015 equivalent:

document.body.appendChild(Object.assign(document.createElement('script'), {
  type: 'text/javascript',
  src: 'http://external.script.url',
  onload: () => this.onScriptLoaded()
}));

answered Feb 24, 2017 at 10:31

Stephen Paul

39.4k18 gold badges99 silver badges76 bronze badges

Collectives™ on Stack Overflow

How to load a Javascript file without Script tag?

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