Dynamically load CSS and JS files with JavaScript

Function Encapsulation:

varDynamicloading ={css:function(path) {if(!path | | path.length = = 0){            Throw NewError (' argument ' path ' is required! ')); }        varHead = document.getElementsByTagName (' head ') [0]; varlink = document.createelement (' link '); Link.href=path; Link.rel= ' stylesheet '; Link.type= ' Text/css ';    Head.appendchild (link); }, JS:function(path) {if(!path | | path.length = = 0){            Throw NewError (' argument ' path ' is required! ')); }        varHead = document.getElementsByTagName (' head ') [0]; varScript = document.createelement (' script '); SCRIPT.SRC=path; Script.type= ' Text/javascript ';    Head.appendchild (script); }}

Use:

// dynamically loading CSS file dynamicloading.css ("Test.css"); // Dynamic loading JS file dynamicloading.js ("Test.js");

Excerpt from: http://www.jsmix.com/javascript/dynamic-loading-css-javascript.html

Dynamically load CSS and JS files with JavaScript