Include an external JS file from another js file or server-side processTag(s): Language
To include some JavaScript from an HTML file is simple:
<script type="text/javascript" src="external.js"></script>
This HowTo is useful if you need to include another JS file from "external.js" or to do a "conditionnal include". The included script is inserted into the DOM and not using document.write.
Let's say we have a JS file called second.js.
function second() { alert("second"); }
first.js is designed to include the second.js.
var imported = document.createElement("script");
imported.src = "second.js";
document.getElementsByTagName("head")[0].appendChild(imported);
function first() { alert("first"); }
<HTML><HEAD>
<SCRIPT SRC="first.js"></SCRIPT>
</HEAD>
<BODY>
<a href="javascript:first()">method in first js</a><br/>
<a href="javascript:second()">method in second js ("included" by the first)</a>
</BODY>
</HTML>
var e = document.createElement("script");
e.src = 'http://myserver.com/servlet/getfeed?url=http://realhowto.blogspot.com';
e.type="text/javascript";
document.getElementsByTagName("head")[0].appendChild(e);
See also this HowTo : Include a file into a page (Ajax style).
See also this HowTo : Insert a text file into a page.
mail_outline
Send comment, question or suggestion to howto@rgagnon.com
Send comment, question or suggestion to howto@rgagnon.com