Carregar scripts dinamicamente com JavaScript

2d atrás

A função a seguir carrega scripts locais ou externos dinamicamente usando #JavaScript:

function loadScript(src) {
	return new Promise(resolve => {
		if (document.querySelector(`script[src="${src}"]`)) return resolve();

		const script = document.createElement('script');
		
		script.src = src;
		script.onload = () => resolve();

		document.body.append(script);
	});
}

Você só precisa passar a url do script que você quer carregar. O método retorna uma promise que é resolvida quando o script carrega.

Exemplos de uso

loadScript('https://example.com/script.js');

loadScript('assets/js/script.js');

Exemplos de uso

Comentários (0)