Inclusão dinâmica de scripts com funcionalidade document.write

Pergunta:

Como uma tag de script com um atributo variável src pode ser adicionada dinamicamente a uma página da web , especialmente se o src contiver funções document.write?

Background:

Normalmente, adicionar uma tag de script com um atributo src específico no cabeçalho HTML funciona perfeitamente. No entanto, quando o atributo src inclui o código document.write, ele se torna problemático.

Solução:

Para adicionar dinamicamente essa tag de script, as seguintes etapas podem ser executadas:

1. Crie um novo elemento de script usando document.createElement('script').
2. Defina o atributo src do elemento de script para o URL/fonte desejado.
3. Anexe o elemento de script para o document.head usando appendChild().

Exemplo:

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 será adicionado dinamicamente à página da web, mesmo que seu src contenha código document.write.