In the development of the new design of Coding Source, I needed a way to have all JS files in one location. This Technique will help keep your code clean, neat, and less cluttered.
You will need two separate JS files in your web page, one in the header and the other in the footer.

The example below would be your [Header.js].
The files will need the full URL to be found and used on your page.

CFFCS | CarrzSynEdit: | JS (JavaScript)


document.writeln("<script src='//domain.com/Assets/lib/Header1.js'></script>");
document.writeln("<script src='//domain.com/Assets/lib/Header2.js'></script>");
document.writeln("<script src='//domain.com/Assets/lib/Header3.js'></script>");

Replace multiple lines of JavaScript links with one line of code.
Add this line in place of the code above.

CFFCS | CarrzSynEdit: | JS (JavaScript)

<script src="//domain.com/Assets/lib/Header.js"></script>

And you would put all footer JS files together, and it would be your [Footer.js][/p]

CFFCS | CarrzSynEdit: | JS (JavaScript)


document.writeln("<script src='//domain.com/Assets/lib/Footer1.js'></script>");
document.writeln("<script src='//domain.com/Assets/lib/Footer2.js'></script>");
document.writeln("<script src='//domain.com/Assets/lib/Footer3.js'></script>");

Add this line in place of the code above.

CFFCS | CarrzSynEdit: | JS (JavaScript)

<script src="//domain.com/Assets/lib/Footer.js"></script>