load resource with js
// js
var loadScript = document.createElement('script');
loadScript.type = "text/javascript";
loadScript.src = "/script.js";
loadScript.async = "true";
document.getElementsByTagName('head')[0].appendChild(loadScript);
// CSS
var loadStyle = document.createElement('link');
loadStyle.rel = "stylesheet";
loadStyle.href = "/style.css";
document.getElementsByTagName('head')[0].appendChild(loadStyle);
// ----------
// slower way, don't use it
// ----------
document.write('<script type="text/javascript" src="/script.js"></script>');
document.write('<link rel="stylesheet" href="/style.css" />');
// jQuery
$('head').append('<script type="text/javascript" src="/script.js"></script>');
$('head').append('<link rel="stylesheet" href="/style.css" />');