Sometimes there are several javascript files used to include in a project. but js file could be a small file. It's good practice if we use less file in a web project. So, in that case, we can load multiple javascript/js files from one javascript file.
Example
Code for the single js file (single.js)
One important thing to remember that if we need to use the function or this code to combine js file
some js file may not work if we use this jquery method.
$.getScript("includes/tableExport/jspdf/jspdf.js", function(){});
Example
<footer> <script type="text/javascript" src="jsfile1.js"></script> <script type="text/javascript" src="jsfile2.js"></script> <script type="text/javascript" src="jsfile3.js"></script> </footer>We need to make a function example function name include also this function will use that single js file where we can call other js files.
Code for the single js file (single.js)
function include(jspath) { document.write('<script type="text/javascript" src="'+jspath+'"><\/script>'); } include("jsfile1.js");include("jsfile2.js");include("jsfile3.js");Now we can call just one single js file where other 3 js file already include
<footer> <script type="text/javascript" src="single.js"></script> </footer>
One important thing to remember that if we need to use the function or this code to combine js file
document.write('<script type="text/javascript" src="jsfilepath.js"><\/script>');
some js file may not work if we use this jquery method.
$.getScript("includes/tableExport/jspdf/jspdf.js", function(){});