How should I include a js file from another js file?

Question

What is the best way to add a reference to a javascript file from another javascript file?

Suppose that I have a js file included in my webpage. This javascript has a dependency on another file. So I want to reference the dependency within my js file, and not from the html code. Is my thinking correct?

I know I can create a script DOM element and then append it to the page, but that smells bad for me.

Have you any tips about that?

score 11 · Accepted Answer · answered May 09 '09 at 02:19

11

Creating a script DOM element is the only available way as far as I know. After checking the source code of jQuery and YUI, I couldn't find a better way. Both use this technique. Check out the globalEval function in jQuery, and the _scriptNode function in YUI.

answered May 09 '09 at 02:19

Ayman Hourieh

132,184
23
144
116

what about dealing with already loaded scripts ? Is there a simple pattern for `if(!Isloaded("otherscript.js")) { document.write(myscriptdeclaration);} ` ? – Steve B May 17 '12 at 11:06

score 4 · Answer 2 · answered May 09 '09 at 03:08

4

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

answered May 09 '09 at 03:08

Paul Alexander

31,970
14
96
151

In my opinion, "document.write" is very inelegant. – Steve Harrison May 09 '09 at 03:20
2

Why? It's universally accepted and easy to use. There's no language equivalent. – Paul Alexander May 09 '09 at 03:36
`document.write` is bad because it prevents async loading of your JS. – Mahmoud Al-Qudsi May 19 '12 at 17:08

How should I include a js file from another js file?

2 Answers2

Linked

Related