How to load a js file with Javascript

Question

I want to get over a nasty problem that shows up yesterday during a demo to a client. We're using jQuery, loading it from google api. But yesterday, our ISP begin to cause some problems, and didn't load jq.js properly.

So, what I really want is to load a local file from the server if google api has an extrange behaviour (not that it's going to happen often, but at least doing local demos we won't get harmed again).

I know that <script type="txt/javascript" src="googleapi"> somejs </script> executes some js when file in src doesn't load, but don't know any way to get the file load there.

Thanks in advance

peirix · Accepted Answer · 2009-05-15 11:07:37Z

1

inside you can put the following lines:

var localScript = document.createElement("script");
localScript.type = "text/javascript";
localScript.src = "localJQ.js";
document.body.appendChild(localScript);

answered May 15, 2009 at 11:07

peirix

37.9k24 gold badges98 silver badges130 bronze badges

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

1 Comment

MaLKaV_eS Over a year ago

But as sadesh247 has pointed out if there are others scripts that depend on it, they won't work as expected. I'll mark this as the answer while looking how to fix it the way I need. Thanks!

Stephen Denne · Accepted Answer · 2009-05-15 11:17:28Z

0

This isn't directly answering your question, but JQuery's creator John Resig has an interesting blog post about executing the script tag contents when there is also a src attribute.

answered May 15, 2009 at 11:17

Stephen Denne

37.2k10 gold badges49 silver badges61 bronze badges

Comments

Shiladitya · Accepted Answer · 2023-12-06 04:32:05Z

0

Edit : I was a bit jumpy. The solution given by peirix is correct. I'll just use his code, to not let the wrong solution pollute this area. You can do

var localScript = document.createElement("script");
localScript.type = "text/javascript";
localScript.src = "localJQ.js";
document.body.appendChild(localScript);

to load Javascript dynamically.

Even this is prone to race conditions, however, if there are scripts in your page that depend on this script. Use with care.

This presentation - Even Faster Websites - elaborates on more techniques to load external files through javascript.

edited Dec 6, 2023 at 4:32

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered May 15, 2009 at 11:06

sandesh247

1,6861 gold badge18 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to load a js file with Javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related