Skip to content

Instantly share code, notes, and snippets.

@myangel26
Forked from rolandtoth/loadAsset.js
Created June 7, 2018 13:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save myangel26/c64bc1b2bd4ec29741e3621338102ccd to your computer and use it in GitHub Desktop.
Save myangel26/c64bc1b2bd4ec29741e3621338102ccd to your computer and use it in GitHub Desktop.
loadAsset.js CSS/Js loader
function loadAsset(path, callback, o) {
var selector = getUrlParameter('selector', path).replace(/['"]+/g, '').trim(),
async = getUrlParameter('async', path) === 'true',
version = getUrlParameter('v', path),
assetType = 'js',
assetTag = 'script',
assetSrc = 'src',
needAsset = true;
if (selector.length > 0 && !document.querySelector(selector))
return false;
if (version.length) {
version = '?v=' + version;
}
function getUrlParameter(name, url) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
url = url ? url : window.location.search;
// var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'),
var regex = new RegExp('[\\?&]' + name + '=([^&]*)'),
results = regex.exec(url);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}
path = path.split(/\?(.+)/)[0]; // remove url parameters (settings)
if (path.slice(-3) === 'css') {
assetType = 'css';
assetTag = 'link';
assetSrc = 'href';
}
if (document.querySelector(assetTag + '[' + assetSrc + '="' + path + '"]'))
needAsset = false;
function callCallback() {
if (callback) {
var obj = {};
if (selector)
obj.selector = selector;
if (o)
obj.o = o;
callback.call(obj);
}
}
if (needAsset) {
var asset = document.createElement(assetTag);
asset[assetSrc] = path + version;
if (assetType === 'js') {
asset.type = "text/javascript";
asset.async = async;
if (asset.readyState) { // IE
asset.onreadystatechange = function () {
if (asset.readyState === "loaded" || asset.readyState === "complete") {
asset.onreadystatechange = null;
callCallback();
}
};
} else { // others
asset.onload = callCallback;
}
} else { // CSS
asset.rel = "stylesheet";
callCallback();
}
document.getElementsByTagName("head")[0].appendChild(asset);
} else { // always run callback
callCallback();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment