JavaScript: implementare un loader per caricare gli script esterni

JavaScript: implementare un loader per caricare gli script esterni

In JavaScript possiamo implementare un loader per gli script esterni.

La soluzione รจ la seguente:


function loadScript(src,callback) {
		var head = document.getElementsByTagName('head')[0];
		var script = document.createElement('script');
		script.type= 'text/javascript';
		
		if(typeof(callback) === 'function') {
			script.onload = function() { 
				if ( ! script.onloadDone ) {
					script.onloadDone = true; 
					callback.apply(this);
				}
			};
			script.onreadystatechange = function() { 
				if (('loaded' === script.readyState || 'complete' === script.readyState) && !script.onloadDone) {
					script.onloadDone = true; 
					callback.apply(this);
				}
			};
		}
		script.src= src;
		head.appendChild(script);
}

Torna su