Inclusión dinámica de scripts con funcionalidad document.write

Pregunta:

¿Cómo se puede agregar dinámicamente una etiqueta de script con un atributo src variable a una página web? , especialmente si el src contiene funciones document.write?

Antecedentes:

Por lo general, agregar una etiqueta script con un atributo src específico en el encabezado HTML funciona perfectamente. Sin embargo, cuando el atributo src incluye código document.write, se vuelve problemático.

Solución:

Para agregar dinámicamente dicha etiqueta de secuencia de comandos, se pueden seguir los siguientes pasos:

1. Cree un nuevo elemento de secuencia de comandos usando document.createElement('script').
2. Establezca el atributo src del elemento de secuencia de comandos en la URL/fuente deseada.
3. Agregue el elemento de secuencia de comandos al documento.head usando appendChild().

Ejemplo:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src', 'http://example.com/site.js');

document.head.appendChild(my_awesome_script);

Este elemento de script se agregará dinámicamente a la página web, incluso si su src contiene código document.write.