Adding JavaScripts Dynamically

Laser Lips · Jul 2, 2009

Hi all.

I'm trying to add some scripts dynamically but it's not working.
I'm trying to do something like this...
var scripts=[];
scripts[0]="/csp/app/lib/t1.js";
scripts[0]="/csp/app/lib/t2.js";

for(var x=0;x<scripts.length;x++)
{
newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = scripts[x];
document.getElementsByTagName("head")[0].appendChild(newScript);
}

But neither script gets loaded.
I've tried using absolute and relative URL's
I've also tried loading scripts from other websites, but doesn’t work
for me.
Any ideas please?

Graham

Jorge · Jul 2, 2009

Laser said:
Hi all.

I'm trying to add some scripts dynamically but it's not working.
I'm trying to do something like this...
var scripts=[];
scripts[0]="/csp/app/lib/t1.js";
scripts[0]="/csp/app/lib/t2.js";

for(var x=0;x<scripts.length;x++)
{
newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = scripts[x];
document.getElementsByTagName("head")[0].appendChild(newScript);
}

But neither script gets loaded.
I've tried using absolute and relative URL's
I've also tried loading scripts from other websites, but doesnâ€™t work
for me.
Any ideas please?

Use a debugger and see if they're effectively being inserted in the <head>.

Are you doing it in IE ?

Are you getting any error ?

Re-check their .src values.

You're assigning both urls to the same script[0]. I'd write var scripts=
["/csp/app/lib/t1.js", "/csp/app/lib/t2.js"]; instead.

You forgot to declare *var* newScript.

no more ideas...

Jorge · Jul 2, 2009

Jorge said:
(...)
Are you doing it in IE ?

read: is the DOM ready ? (only applies to our much-beloved IE)

David Mark · Jul 2, 2009

Hi all.

I'm trying to add some scripts dynamically but it's not working.

Did somebody tell you it would speed up loading? It won't.

I'm trying to do something like this...
var scripts=[];
scripts[0]="/csp/app/lib/t1.js";
scripts[0]="/csp/app/lib/t2.js";
Typo.

for(var x=0;x<scripts.length;x++)
{
newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = scripts[x];
document.getElementsByTagName("head")[0].appendChild(newScript);

}

But neither script gets loaded.

How do you know?

I've tried using absolute and relative URL's

Stabbing around in the dark is no way to program (ask jQuery users.)

[snip]

Jorge · Jul 4, 2009

Did somebody tell you it would speed up loading? It won't.

First, it speeds it up by preventing the latencies from adding up.
Second, it will or won't speed it up (even further) depending on
wether the servers are configured to throttle down the responses or
not (to a value below your internet connection bandwidth limit). For
example:

My internet connection's download bandwidth limit is: 650 KB/s.
The remote server is configured to serve files at no more than: 50KB/
s.

If I download a script at a time, I only get 50KB/s, but if I request
4 scripts at the same time, each one of them is sent to me @ 50KB/s,
therefore I see an incoming traffic of 200KB/s. That is a 4x speedup.

http://jorgechamorro.com/cljs/071/

dynamically loading and using javascripts in firefox	2	Nov 8, 2006
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Help - async/defer javascript ordering	13	Mar 14, 2011
Only one table shows up with the information	2	Mar 29, 2023
inserting scripts into the DOM	2	Sep 6, 2006
Accessing dynamically loaded variables	1	Jun 29, 2006
Creating Table with Javascript abd Adding Events dynamically to each	0	Jul 15, 2008
Dynamically adding an onClick event.	10	Nov 11, 2006

Adding JavaScripts Dynamically

Laser Lips

Jorge

Jorge

David Mark

Jorge

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads