Include a JavaScript file in a JavaScript file [duplicate]

Question

This question already has answers here:

Closed 14 years ago.

Possible Duplicate:
How to include a JavaScript file in another JavaScript file?

I want to include a JavaScript file in a JavaScript file. include('filename.js'); is not working

What is the right code?

• X10nD: @zod is it includ or include, either way not working
• Pekka: there is no single line include statement in JS

Answer 1

function includeJS(incFile)
{
 document.write('<script type="text/javascript" src="'+ incFile+ '"></script>');
}

Then include a second JavaScript file by calling:

includeJS('filename.js');

• Frank Schwieterman: note that the call will return before the javascript file is loaded
• X10nD: This code will be placed in a js file not html or php, will it work out?
• FatherStorm: yes. it is specifically javascript in implementation
• Eric Towers: Now with attribution: A. B. Cryer.
• Quentin: Don't use string concatenation to avoid </script> ending an inline script, <\/script> is much more readable (and marginally faster).

Answer 2

Use:

<script language="javascript" src="first.js"></script> 
<script language="javascript" src="second.js"></script> 

You can access the variables from the first file in the second file.

There isn't any need to include one JavaScript file into another. JavaScript code is globalised. You can include both the files in the HTML/JSP page.

• FatherStorm: Unless for some reason, you want th JS to parse what the include file will be... not that likely, but does have application if you want to add some functionality to a page after the initial load...
• zod: may be .but can you point out a real time situation ?. i saw that cryer.co.uk , but i didnt try. exceptional cases are always there :)
• Sailing Judo: Here's a case. I have an ASP page which dynamically determines, based on a database record, if it should load a js file. Which file is also a result of the database record. However, the code is designed to load only 1 js file. If that file has a dependency then I have to load it from javascript.

Answer 3

Use document.write in the first JavaScript function:

document.write('<scr'+'ipt type="text/javascript" src="filename.js" ></scr'+'ipt>'); 

• Pekka: Why the downvotes? There are caveats, but the upvoted solution employs the same technique.
• Teja Kantamneni: @Pekka, thanks for it. I know there are caveats but I think people should leave a comment why they are down voting an answer. After all that's how you learn from your mistakes..

Answer 4

If you do the document.write method bear in mind that the code within the file will not be guaranteed to be loaded once document.write returns.

You may want to have some type of callback mechanism when the included file has loaded. That is, register a callback before document.write, and at the very end of your javascript file make a call to the callback function.