Using javascript to load JS or CSS file

Edgeof's photo
Edgeof
function loadJS(url,callback){var script=document.createElement('script');script.type='text/javascript';if(typeof(callback)!='undefined'){if(script.readyState){script.onreadystatechange=function(){if(script.readyState=='loaded'||script.readyState=='complete'){script.onreadystatechange=null;callback(script.src)}}}else{script.onload=function(){callback(script.src)}}}script.src=url;document.body.appendChild(script)}

loadJS('test.js',function(url){console.log('js loaded: '+url);});

function appendJS(javascript){var script=document.createElement('script');script.type='text/javascript';try{script.appendChild(document.createTextNode(javascript))}catch(e){script.text=javascript}document.head.appendChild(script)}

appendJS('console.log(1+1);');

function loadCSS(url,callback){var link=document.createElement('link');link.rel='stylesheet';if(typeof(callback)!='undefined'){if(link.readyState){link.onreadystatechange=function(){if(link.readyState=='loaded'||link.readyState=='complete'){link.onreadystatechange=null;callback(link.href)}}}else{link.onload=function(){callback(link.href)}}}link.href=url;document.body.appendChild(link)}

loadCSS('test.css',function(url){console.log('css loaded: '+url);});

function appendCSS(css){var style=document.createElement('style');style.type='text/css';try{style.appendChild(document.createTextNode(css))}catch(e){style.styleSheet.cssText=css}document.head.appendChild(style)}

appendCSS('html{background:#ccc}');
jsCSS